:root  > * {
  --md-primary-fg-color:        #242E5E;
  --md-primary-fg-color--light: #16A2A4;
  --md-primary-fg-color--dark:  #242E5E;
  --md-accent-fg-color:#16A2A4;
  
  --md-admonition-icon--integracao: url('https://raw.githubusercontent.com/squidfunk/mkdocs-material/master/material/templates/.icons/material/api.svg');
  --md-admonition-icon--crm: url('https://cdn-icons-png.flaticon.com/128/17085/17085827.png');
  
}

.md-typeset a {
    color:#553EA3;
}

.md-typeset a::after {
    content: '';
    margin-left: 4px;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('https://raw.githubusercontent.com/squidfunk/mkdocs-material/master/material/templates/.icons/material/link-variant.svg');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    filter: invert(55%) sepia(64%) saturate(450%) hue-rotate(146deg) brightness(90%) contrast(95%);
}


a:focus, a:hover {
    text-decoration: underline;

}

.md-typeset{
    font-size: 0.7rem;
}

.md-nav__link {
    font-size: 0.6rem;
}


/* botão */
.md-button {
    border: .1rem solid;
    border-radius: .3rem;
    color: var(--md-primary-fg-color--light);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: .625em 2em;
	transition: color 125ms, background-color 125ms, border-color 125ms;
}

/* Admonition tipo integracao */
.md-typeset .admonition.integracao,
.md-typeset details.integracao {
  border-color: #dcc656;
}
.md-typeset .integracao > .admonition-title,
.md-typeset .integracao > summary {
  background-color: rgba(231, 215, 136, 0.3);
}
.md-typeset .integracao > .admonition-title::before,
.md-typeset .integracao > summary::before {
  background-color: rgb(152, 132, 31);
  -webkit-mask-image: var(--md-admonition-icon--integracao);
          mask-image: var(--md-admonition-icon--integracao);
}

/* Admonition tipo crm */
.md-typeset .admonition.crm,
.md-typeset details.crm {
  border-color: #553ea3;
}
.md-typeset .crm > .admonition-title,
.md-typeset .integracao > summary {
  background-color: rgba(85, 62, 163, 0.3);
}
.md-typeset .crm > .admonition-title::before,
.md-typeset .crm > summary::before {
  background-color: rgb(85, 62, 163);
  -webkit-mask-image: var(--md-admonition-icon--crm);
          mask-image: var(--md-admonition-icon--crm);
}