/*
decent heading fonts:
Avenir Next Condensed
Charter

decent body fonts:
Seravek
Lucida Grande
Helvetica Neue
*/

.vault-theme {
}

.vault-theme h1 {
    font-family: "Charter", "Lucida Grande", "Verdana", "Helvetica", "sans-serif";
    font-weight: bold;
}

.vault-theme h2 {
    font-family: "Charter", "Lucida Grande", "Verdana", "Helvetica", "sans-serif";
}

.vault-theme h3 {
    font-family: "Charter", "Lucida Grande", "Verdana", "Helvetica", "sans-serif";
}

.vault-theme p {
    font-family: "Seravek", "Helvetica Neue", "Lucida Grande", "Verdana", "Helvetica", "sans-serif";
    font-weight: lighter;
}

.status-note {
    font-size: 80%;
    background: var(--theme-background-color-tinted);
}

.center-section {
    position:       relative;
    margin-left:    auto;
    margin-right:   auto;
}

.center {
	text-align: center;
}

.left-table-col {
    border-spacing: 8px;
    padding:        8px;
    width:          50%;
    vertical-align: top;
    background:     var(--theme-box-gradient);
    border-radius:  8px;
}

.right-table-col {
    border-spacing: 8px;
    padding:        8px;
    width:          50%;
    vertical-align: top;
    background:     var(--theme-box-gradient);
    border-radius:  8px;
}

.left-col {
    width:          48%;
    float:          left;
    margin-right:   16px;
}

.right-col {
    width:          48%;
    float:          right;
    margin-left:    16px;
}

h1 {
	text-align: center;
}

.box-badge {
    font-size: 50%;
    background:     linear-gradient(to bottom, #000000 0%,#910700 100%);
    padding: 2px;
    color: #FFFFFF;
}

h3 .box-badge {
    font-size: 70%;
}

p .box-badge {
    font-size: 90%;
}