body,
.wy-nav-content,
.wy-menu-vertical a,
.wy-side-nav-search,
h1, h2, h3, h4, h5, h6,
p.caption, .rst-content .toctree-wrapper > p.caption {
    font-family: 'Archivo', sans-serif;
}

.wy-nav-content {
    max-width: 1200px !important;
}

.wy-side-nav-search > a:hover {
    background: transparent;
}

.wy-side-nav-search > a img {
    transition: opacity 0.2s ease-in-out;
}

.wy-side-nav-search > a:hover img {
    opacity: 0.40;
}

/* Vivid test colors for sidebar - makes it obvious the override is taking effect */
.wy-nav-side {
    background: #002147;
}

.wy-side-nav-search {
    background-color: #002147;
}

.wy-menu-vertical li a:hover {
    background: #3F4963;
}

.version-banner {
    background-color: #2582b5;
    background-image: repeating-linear-gradient(
        -45deg,
        rgba(255, 255, 255, 0.16) 0,
        rgba(255, 255, 255, 0.16) 10px,
        transparent 10px,
        transparent 20px
    );
    color: #ffffff;
    margin: 0 0 1.5em;
    padding: 0.7em 1em 0.7em 1em;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}

.version-banner a,
.version-banner a:hover,
.version-banner a:focus,
.version-banner a:visited {
    color: #ffffff;
    text-decoration: none;
}

div.example {
    border-left: 2px solid lightblue;
    padding: 5px 8px 5px 20px;
    margin-bottom: 24px;
}

div.example *:last-child {
    margin-bottom: 0px;
}

/* override table width restrictions and allow columns to wrap. */
@media screen and (min-width: 767px) {
    .wy-table-responsive table td {
        white-space: normal !important;
     }
  
     .wy-table-responsive {
        overflow: visible !important;
     }
 }