/* General */

h1, h2 {
    display: inline; }

h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center; }

body {
    font-size: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    margin: 0;
    padding: 0;
    background-color:#222222; }

p {
    color: #757575;
    font-size: 15px !important; }

.site {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0; }

.row {
    width: 100%; 
    margin-bottom: 10px; }

.colum {
    width: 100%; }

.content {
    background-color:#ffffff;
    padding:20px; }

.logo {
    margin: 4px;
    margin-bottom: 32px;
    width: 28px;
    height: 28px; }

a:visited {
    color: #2ba6cb; }

/* Text CSS */

.italic {
    font-style: italic; }

.caption {
    font-size: 100% !important;
    text-align: center; }

/* Tables */

table tr td {
    font-size: inherit; }

/* Buttons */

.button {
    background-color: #e4e4e4;
    color: #222222;
    border: 0px; 
    padding: 8px !important; }

.button:visited {
    color:  #222222; }

.button:hover {
    background-color: #d4d4d4; 
    color: #222222; }

/* Header */
.header {
    color:#f9f9f9;
    border-top: 4px solid #398f4e; }

/* Nav Bar */
.top-bar {
    background-color: #f9f9f9 !important; }

.top-bar-section ul li h1:hover > a {
    background: #545454 !important; }

.top-bar-section ul li:hover > a {
    background: #545454 !important; }

.top-bar-section li a:not(.button) {
    background: #f9f9f9 !important; }

.top-bar-section li a:not(.button):hover {
    background: #d4d4d4 !important;
    color: #222222 !important; }

.top-bar-section .dropdown li a {
    color: #222222 !important; }

.top-bar .name h1 a {
    color: #222222 !important; }

.top-bar-section ul li > a {
    color: #222222 !important; }

.top-bar-section ul li:hover > a {
    color: #222222 !important;
    background: #e4e4e4 !important; }

.top-bar-section .has-dropdown > a:after {
    border-color: #222222 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }

/* Side Nav */
.tab-bar {
    background-color: #f9f9f9; }

.tab-bar .menu-icon {
    color: #222222; }

.left-off-canvas-toggle span {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222222;
    padding: 10px;
    font-size: 17px; }

/* aside.left-off-canvas-menu {
    background-color: #f9f9f9;

ul.off-canvas-list li label {
    background-color: #f9f9f9;
    color: #222222; }

ul.off-canvas-list li a {
    background-color: #f9f9f9;
    color: #222222; 
    font-size: 14px; } */

.side-nav li {
    font-size: 14px; }

/* Footer */

.footer {
    background-color:#222222;
    text-align:center;
    margin-top: 0px !important;
    border-top: 2px solid #eee !important; }

.footer a:focus {
    color: transparent; }