/* ========================================================
# layout
======================================================== */



/* ========================================================
# typography
======================================================== */

body,
html {
	font-family: 'Source Sans Pro', sans-serif;
	color: #0A0A0A;
	line-height: 1.7;
}

a,
a:hover {
	color: #2260de;
}

.title {
	font-family: 'Dosis', sans-serif;
	letter-spacing: 0.5px;
}

h2,
h3,
h4 {
	font-weight: 700;
}

h4,
h4.title {
	text-transform: uppercase;
	font-size: 1.3rem;
}

h5,
h5.title {
	text-transform: uppercase;
	font-size: 1.125rem;
}
p {
	font-size: 1.1rem;
	
}
code {
        color: #2260de;
	background-color: #e8eaed;
	padding: 3px 5px;
	font-family: 'Source Sans Pro', sans-serif;
}




/* ========================================================
# navigation
======================================================== */

/*-buttons-
	======================================================== */

.nav-pills>li>a {
	font-family: 'Dosis';
	text-transform: uppercase;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	background-color: #2260de;
	letter-spacing: 0.5px;
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: #e6f4ff;
}

.nav-code-selection > li > a:hover {
	color: #494c5e;
}


/*-left side bar-
	======================================================== */

/*-logo-*/
#logotype-container.brand {
	padding: 30px;
	text-align:  center;
}

#logotype-container img {
	margin-left: 0;
	max-width: 130px;
}


/*-nav border-*/
.background-toc,
#logotype-container.brand,
.nav-sidebar {
	border: none;
}

.background-toc {
	background: #45526c;
}

.nav-sidebar {
	padding-top: 0;
}

.nav-sidebar .nav li a {
	font-family: 'Dosis', sans-serif;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

#toc-placeholder ul ul a {
	font-size: 90%;
	padding:  6px 15px 6px 30px;
	color: rgba(255,255,255,0.7);
}

.nav-sidebar .nav li.active > a {
	color: #fff;
}

ul.toc a {
	transition: background-color 0.2s ease-out;
	border: none;
}

ul.toc a:hover {
	border-left: none;
	background-color: #13233a !important;
}

ul.toc .active > a,
#toc-placeholder ul ul li.active > a
 {
	font-weight: 600;
	color: #fff;
	background-color: transparent;
}


/*-code right side bar nav-
	======================================================== */
.nav-code-selection {
	padding: 10px 20px;
	background: #021329;
	border-bottom: none;
	font-family: 'Source Sans Pro', sans-serif;

}



/* ========================================================
# elements
======================================================== */


/*-warning, note, important, caution, & tip boxes-
	======================================================== */

.warning,
.note,
.important,
.caution,
.tip {
    border-radius: 4px;
    padding: 1.5em;
    margin: 1.5em 0;
}

.warning h3.title,
.note h3.title,
.important h3.title,
.caution h3.title,
.tip h3.title,
.warning p,
.note p,
.important p,
.caution p,
.tip p {
    padding: 0;
    margin: 0;
    background: transparent;
}

.warning h3.title,
.note h3.title,
.important h3.title,
.caution h3.title,
.tip h3.title {
    font-size: 1.3rem;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

.note h3:before,
.tip h3:before,
.warning h3:before,
.caution h3:before,
.important h3:before {
    margin-right: 8px;
    opacity: 0.7;
    color:  inherit;
    font-size: 1.3rem;
}

.tip {
    background-color: rgba(141,198,63,0.15);
}

.tip h3.title {
    color: #8dc63f;
}

.note {
    background-color: rgba(23,137,252,0.15);
}

.note h3.title {
    color: #2260de;
}

.important {
    background-color: rgba(57,178,172,0.15);
}

.important h3.title {
    color: #39b2ac;
}

.warning {
    background: rgba(233,56,36,0.15);
}

.warning h3.title {
    color: #e93824;
}

.warning code,
.note code,
.important code,
.caution code,
.tip code {
    background-color: #fff;
}


/*-examples-
    ======================================================== */

.example {
    border-radius: 4px;
    padding-bottom: 20px;
}


.informalexample.inline-example .hljs {
    background: #e8eaed !important;
    padding: 1.5em;
}

.informalexample.inline-example .hljs,
.informalexample {
    margin:  1.5em 0;
}

.formal-label {
    display: none;
}

.formal-number {
    display: none;
}

.formal-title {
    color: black;
    background: #fff;
    padding: 15px 20px;
    font-family: 'Dosis', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.entry-code {
    color: black;
}

/*-tables-
	======================================================== */

.table {
	margin: 1.5em 0;
}

table.table,
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td,
.table-bordered,
.table>tbody+tbody {
	border: 1px solid #c6cbd5;
}

thead {
	background: #e8eaed;
}

th p,
td p {
	margin-bottom: 0;
}

table tbody tr:nth-child(odd) {
	background-color: #f4f9ff;
}

table tbody td:nth-child(1) {
	width: 22%;
}






/* ========================================================
# code section
======================================================== */

.background-code {
	background: #ddd !Important;
}

/*-code examples-
	======================================================== */

.openapi-responses .programlisting,
.schema-sample .programlisting,
.informalexample .response-language,
.informalexample.openapi-responses,
.informalexample.schema-sample {
    background-color: #ddd;
}

.samples-title {
	padding: 15px 20px;
	font-family: 'Dosis', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

[data-code-view] pre,
.samples-title {
    background-color: #fff;
    color: black;
    font-family: 'Source Sans Pro', sans-serif;
}

.response-language > span {
       font-family: 'Source Sans Pro', sans-serif;
       background-color: #ddd;
       color: black;
}