@import url(https://fonts.googleapis.com/css?family=Inter);
/**************************************/
/**************** Root ****************/
/**************************************/
:root {
    --background: #FFFFFF;
    --title: #092c4c;
    --documentation-text: #092c4c;
    --sidebar-title: #092c4c;
    --sidebar-item-hover: #212121; /*no action*/
    --sidebar-item: #092c4c;
    --sidebar-active: #2f80ed;

}

body, html{
    scrollbar-color:  #e5e9ed var(--background);
    background-color: var(--background); 
}

.button.is-white {
	background-color: white;
}

.pad + h2 {
    padding-top: 2rem;
  }

/**************************************/
/*********** Navbar *******************/
/**************************************/
#app, .documentation, .bg-navbar, .sidebar{
    background-color: var(--background);
}

.shadow-xs {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
/**************************************/
/*********** Documentation ************/
/**************************************/
.documentation{
    padding-left: 25.6rem;
    font-family: "Inter";
}

.documentation h1:first-of-type {
    color: var(--title);
    font-family: "Inter";
	font-weight: 500;
	line-height: 1.2;
    cursor: default;
    border-color: var(--sidebar-active);
}

.documentation p, .documentation li::marker{
    color: var(--documentation-text);
}

.documentation h3{
    color: var(--documentation-text);
}

.documentation > ul:first-of-type li a {
    color: var(--sidebar-item);
    font-weight: 500;
}

.documentation > ul:first-of-type li a:hover {
    color: var(--sidebar-item-hover);
}

.documentation h2 a::before {
	color: var(--sidebar-active);
}

/**************************************/
/************* Sidebar ****************/
/**************************************/
.sidebar{
    width: 21.6rem;
}

.sidebar > ul > li > h2 {
    color: var(--sidebar-title);
	font-family: "Inter";
	font-size: 15px;
    font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .92px;
    cursor: default;
}

.sidebar h2{
    color: var(--title);
    font-family: "Inter";
    font-weight: 500;
    padding-left: 1.25rem;
    cursor: default;
}

.sidebar > h2 > ul > h2{
    padding-top: 1.5rem;
}

.sidebar > ul > li > ul > li.is-active a{
	border-right: 2px solid var(--sidebar-active);
    background: var(--sidebar-active);
    border-radius: 8px;
    width: 76%;
    color: white !important;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.175);
    font-weight: normal;
    line-height: 43px;
}
.sidebar > ul > li > ul > li a {
    font-family: 'Inter';
    font-size: .925rem !important;
    line-height: 32px;
}
.sidebar > ul > li > ul > li a:hover {
    color: var(--sidebar-item-hover);
}

thead {
	background: var(--sidebar-active);
	color: white;
}

thead tr:nth-child(1):hover, thead tr:nth-child(1) th:hover {
	background: unset;
}

.language-php, .token.punctuation, .token.comment {
    color: white !important;
}