@import “jekyll_pages_api_search”;

/* Main.css

Begin with generic ‘mobile first’ styles */

/* Normalize the box model

*/

*, *:before, *:after {

   -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
}

/* global styles

*/

html, body {

height: 100%;

}

/* Typography

*/

body {

font-family: "Open Sans", Arial, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.466666667;
margin: 0;

}

h1, h2, h3, h4, h5 {

font-family: "Raleway", Arial, sans-serif;
font-weight: 600;

}

.site-title {

font-size: 1.9em;
color: #919395;
margin: 0;
line-height: 1.2941176470588236;
display: inline-block;

}

h2 {

font-size: 1.375em;
margin: 1.4em 0 0 0;

}

h3 {

margin-top: 30px;
a {
   border-bottom: 1px dotted #0072ce;
}

}

h4 {

font-size: 1em;
text-transform: uppercase;

}

.page-title {

margin-top: .727272727em; /* 16/22 */

}

/* Lists


*/

.main-content ul {

padding-left: 1.1em;

}

.main-content li {

margin-bottom: 1em;

}

li h3, li h4 {

margin: 0;

}

li p {

margin-top: 0;

}

/* Links

*/

a {

-webkit-transition: .2s;
   -moz-transition: .2s;
        transition: .2s;

}

a, a:link, a:visited {

color: #006FC9;
text-decoration: none;

}

a:hover {

color: #7eb8dd;
text-decoration: none;

}

a:active {

color: #002d72;
text-decoration: none;

}

a:focus {

color: #006FC9;
outline: thin dotted;
text-decoration: none;

}

a.title-link {

color: #75787B;

}

a.title-link:hover, a.title-link:active, a.title-link:focus {

color: #7eb8dd;

}

a.skip-link {

color: #fff;
padding: .25em;

}

a.skip-link:hover, a.skip-link:active, a.skip-link:focus {

background-color: #006FC9;
color: #fff;

}

p {

a,
a:link,
a:visited {
    border-bottom: 1px dotted #0072ce;

}

}

/* Navigation

*/

.sidebar-nav a {

display: block;
padding: 10px;
-webkit-transition: .4s;
transition: .4s;
width: 80%;
float: left;

}

.sidebar-nav a, .sidebar-nav a:link, .sidebar-nav a:visited {

border-bottom: none;
color: #74767B;

}

.sidebar-nav a:hover, .sidebar-nav a:focus, .sidebar-nav a:active, .sidebar-nav .sidebar-nav-active > a {

color: #74767B;
border-left: 4px solid #7401DF;
background-color: transparent;

}

.sidebar-nav ul {

margin: 0;
padding: 0;

}

.sidebar-nav li {

list-style: none;
border-bottom: 1px solid #babbbd;
font-size: 1.125em;
overflow: hidden;

}

.sidebar-nav li:last-child {

border-bottom: none;

}

.nav-children {

max-height: 0;

}

.nav-children {

clear: both;
display: block;
font-size: 14px;
max-height: initial;
max-height: 4000px;
overflow: auto;
opacity: 1;
position: relative;
-webkit-transition: max-height .2s, opacity .2s;
-moz-transition: max-height .2s, opacity .2s;
-o-transition: max-height .2s, opacity .2s;
transition: max-height .2s, opacity .2s;

}

.nav-children li {

border-bottom: none;
padding-left: 0;

}

.nav-children a {

padding: 5px 5px 5px 20px;

}

.nav-children li:last-child a {

padding-bottom: 10px;

}

.expand-subnav {

background: none;
border: none;
border-radius: 30px;
color: #0072ce;
cursor: pointer;
display: block;
float: right;
font-size: 20px;
height: 30px;
line-height: 1;
margin: 8px;
padding-bottom: 5px;
position: relative;
width: 30px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-transition: -webkit-transform .2s;
-moz-transition: -moz-transform .2s;
-o-transition: -o-transform .2s;
transition: transform .2s;

}

.expand-subnav:hover, .expand-subnav:focus {

background-color: #0072ce;
color: #fff;
outline: none;

}

.expand-subnav {

-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);

}

/* Layout

*/

.logo {

display: block;

}

.content {

padding-top: 2em;
padding-bottom: 2em;

}

/* offset the fixed position header for jump links */ section:before {

display: block;
content: "";
height: 60px;
margin: -60px 0 0;

}

.wrap {

max-width: 1200px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;

}

header {

border-bottom: 4px solid #7401DF;
background-color: #fff;
padding: 2em 0;

}

header div.wrap{

position: relative;
padding-top: 2.4em;

}

header div.wrap::after{

content: "";
display: table;
clear: both;

}

header h1.site-title{

margin-bottom: 0.4em;

}

header div.wrap div.back-link{

position: absolute;
left: 20px;
top: -1em;
font-size: 14px;
color: #555;

}

header div.wrap div.back-link a{

color: inherit;
text-decoration: underline;

}

header div.wrap div.back-link a:hover{ text-decoration: none; }

@media screen and (min-width: 45em){

header h1.site-title{
    float: left;
    width: 67%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

}

.main-content img {

max-width: 100%;

}

/* Footer

*/

/* for sticky footer */ .container {

display: table;
height: 100%;
width: 100%;

}

footer {

display: table-row; /* for sticky footer */
height: 1px; /* for sticky footer */
border-top: 2px solid #babbbd;
background: #f1f2f2;
width: 100%;
font-size: 0.875em;

}

footer .wrap {

padding-top: 2em;
padding-bottom: 2em;

}

/* Helpers

*/

/* Hide from both screenreaders and browsers: h5bp.com/u */ .hidden {

display: none !important;
visibility: hidden;

}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden {

border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;

}

/* Extends the .visuallyhidden class to allow the element to be focusable

* when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {

clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;

}

/* Hide visually and from screenreaders, but maintain layout */ .invisible {

visibility: hidden;

}

/* Style

*/

.intro {

color: #75787B;

}

li h4 {

margin: 0;

}

.license {

font-family: "Avenir Next Demi", Arial, sans-serif;
font-weight: normal;
font-style: normal;

}

pre {

max-width: 100%;
font-size: 0.875em;
overflow-y: scroll;
background-color: #f1f2f2;
padding: 10px;

}

/* Post list


*/

ul.posts {

padding: 0;

}

.posts li {

list-style: none;

}

.post-date {

color: #75787B;

}

/* Repo list


*/

ul.repo-list {

margin: .5em 0 1em 0;
padding: 0;

}

.repo-list li {

list-style: none;

}

.repo-list p {

margin: 0;
font-size: 0.875em;

}

.repo-list h4 {

text-transform: none;

}

/* Helper Classes

*/

/* Clearfix list


*/

.group:before, .group:after {

content: " ";
display: table;

}

.group:after {

clear: both;

}

.group {

*zoom: 1;

}

/* Desktop Styles

*/

@media screen and (min-width: 45em) {

/*
Typography
==============================
*/

/*
Layout
==============================
*/

.logo {
    max-width: 30%;
    padding-right: 20px;
    margin-top: -12px;
    float: right;
}

aside {
    width: 30%;
    float: left;
}

.main-content {
    width: 67%;
    float: right;
    margin-bottom: 120px;
}

.main-content img {
    max-width: 100%;
}

/*
Navigation
==============================
*/

.anchorjs-link {
    border: none;
}

/*
Style
==============================
*/

/*
Repo list
------------------------------
*/

.repo-list li {
    list-style: none;
    display: block;
    float: left;
    height: 4.0625em;
    max-height: 4.0625em;
    background-color: #E7E7E6;
    border-left: 1px solid #BABBBD;
    width: 30%;
}

.repo-list a:link,
.repo-list a:visited {
    display: block;
    max-height: 4.0625em;
    background-color: #E7E7E6;
    border-bottom: none;
    padding: .625em 1em 1em 1em;
}

.repo-list a:hover {
    color: #4D5F87;
    background-color: #CDE3F1;
}

.repo-list li:first-child {
    text-align: center;
    border-left: none;
    line-height: 60px;
    padding: .625em 1em;
    width: 10%;
}

}

@media screen and (max-width: 54.375em) {

/* keep the repo list containers the same height, but account for the need for more height */

.repo-list li {
    height: 6em;
    max-height: 6em;
}

.repo-list a:link,
.repo-list a:visited {
    max-height: 6em;
}

}

/* Mobile Styles

*/

@media screen and (max-width: 40.5em) {

.main-content {
    margin-top: 1.5em;
}

}