/* Basic fonts and colors */

/* tc black: 231f20 */
html, body {
    background-color: #ddd;
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6, h7, .panel-heading {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

.button, input {
    font-family: "Lato", "Helvetica", "sans-serif";
}

.panel-block {
    background-color: #fff;
}

.loading-space {
    margin-top: 5rem;
    height: 10rem;
    position: relative;
    text-align: center !important;
}


/* Navbar styling */

.navbar {
    border-bottom: 1px lightgrey solid;
    position: fixed;
    width: 100%;
}

.navbar + * {
    padding-top: 52px;
}

.navbar .navbar-item {
    transition: opacity 0.5s, background-color 0.2s, color 0.5s;
    opacity: 1;
}
.navbar .navbar-item:hover {
    color: black;
    background-color: lightgrey
}

.navbar-brand > .navbar-item, .navbar-start > .navbar-item {
    border-right: 1px lightgrey solid;
}

.navbar-end > .navbar-item {
    border-left: 1px lightgrey solid;
}

.navbar > .container {
    border-left: 1px lightgrey solid;
    border-right: 1px lightgrey solid;
}

.navbar > .container .navbar-brand {
    margin-left: 0;
}

.navbar > .container .navbar-menu {
    margin-right: 0;
}

.navbar-item.is-not-authed {
    opacity: 0;
}


/* Misc. */

.panel-block.is-active {
    border-left-width: 4px;
    border-left-color: #363636;
}

.is-overflow {
    height: 300px;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
    overflow-y: scroll;
}

.is-overflow.is-tall {
    height: 500px;
}

.is-overflow.is-short {
    height: 200px;
}

.is-clickable {
    cursor: pointer;
}

.page {
    border-left: lightgrey 1px solid;
    border-right: lightgrey 1px solid;
    border-bottom: lightgrey 1px solid;
}

.tags-ratings .tag {
    border: solid 1px gray;
}

.tags-ratings .tag:not(:last-child) {
    margin-right: -.5rem;
}


/* Camp year color coding */
/* TODO remove when upgrading to bulma 0.9 */

.has-background-green-light {
    background-color: #e9f5db;
}

.has-background-blue-light {
    background-color: #d1eef9;
}

.has-background-red-light {
    background-color: #ffcccc;
}