@import url(../../../../../asset/css/fontiran.css);

/**************************************/
/**************** Root ****************/
/**************************************/
:root {
    --sidebar: #f0f3f3;
    --documentation: #FFFFFF;
    --navbar: #FAFCFD;
    --search: #FFFFFF;
    --primary: #26c6da;
    --secondary: #FAF335;
    --text: #2d4059;
    --textSecondary: #757c84;
    --background: #f6f6f6;
}


body, html {
    font-family: IRANSans, sans-serif;
    font-weight: normal;
    color: var(--text);
    background-color: var(--documentation);
}

.medium-zoom-overlay {
    background-color: var(--documentation) !important;
}

.bg-gradient-primary {
    background: linear-gradient(87deg, #FAF335 0, #f5ef69 100%) !important;
}

::selection {
    color: white;
    background: var(--primary);
}

.bg-navbar {
    border-bottom: 1px solid #e7eaee;
}

.alert {
    box-shadow: none;
    transition: none;
}
.alert:hover {
    box-shadow: none;
    transition: none;
}

.alert.is-info {
    background-color: #f5f8fa;
}
.alert.is-info p {
    color: #8c96a0;
    font-size: 0.9rem;
}
/* for info alert, svg color is hard coded in path */
.alert.is-info .icon svg path{
    fill: #e1e3e8 !important;
}

.alert.is-warning {
    background-color: #fff8e6;
}
.alert.is-warning p {
    color: #866433;
}
.alert.is-warning .icon svg {
    fill: #e2b477;
}

.alert.is-danger {
    background-color: #f9dde5;
}
.alert.is-danger p {
    color: #7c314f;
}
.alert.is-danger .icon svg {
    fill: #e1557c;
}

code {
    font-family: IRANSans, sans-serif;
}
.documentation :not(pre) > code {
    color: #058d9e;
}

.documentation img {
    margin-top: 1rem;
}


.sidebar {
    background-color: #f8fafb;
    border-left-color: #e1e4e8 !important;
}

/* --- Sidebar labels --- */
.sidebar > ul > li > h2 {
    padding: 0.8rem 1.25rem;
}

.sidebar > ul > li > h2 a {
    display: block;
    font-weight: 400;
    color: #3d4852;
    transition: padding-right .3s;
    -webkit-transition: padding-right .3s;
}

.sidebar > ul > li > h2 a:hover {
    /*color: #3ebb07;*/
    padding-right: 0.25rem;
}

.sidebar>ul>li>h2.is-active a {
    color: #11a3c7;
    font-weight:700;
}

.sidebar > ul > li > h2.is-active {
    border-right: 2px solid var(--primary);
    border-left: 2px solid var(--primary);
}
/* --- END - Sidebar labels --- */

/*  --  LINKS  --  */
.documentation p > a {
    color: #11a3c7;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-color: #11a3c7;
}

.documentation hr {
    border-top-width: 0;
}

.documentation h2 a, .documentation h2 a:hover {
    color: var(--text);
}

/* --- hide # mark before H2 --- */
.documentation h2 a::before {
    opacity: 0;
}

/* --- hide switch shadow --- */
.switch-label::before {
    -webkit-box-shadow: none;
    box-shadow: none;
}