/*body {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}*/

h1, h2, h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    margin-bottom: 0;
}

.navbar h1 {
    line-height: 1em;
}
.navbar-brand, .navbar-brand:hover, .navbar-brand:active {
    text-decoration: none;
    color: inherit;
}
/*h1 > a, h1 > a:hover, h1 a:active {
    text-decoration: none;
    color: inherit;
}*/

.display-1, .display-2, .display-3, .display-4 {
    font-weight: 800;
}

h1.big-title {
    font-size: 6em;
    font-weight: 800;
}

.sub-title {
    font-size: 2.5em;
}

.separator {
    border-bottom: 1px solid #ccc;
    margin: -5px 0 20px 0;
}

/* Line-surrounded headings */
/* http://vclever.com/blog/how-to-style-a-heading-with-horizontal-lines-qeither-side-using-css/ */
.line-heading {
    overflow: hidden;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5em;
}
.line-heading:before,
.line-heading:after {
    background-color: #aaa;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    margin-bottom: 10px;
}
.line-heading:before {
    right: 0.5em;
    margin-left: -50%;
}
.line-heading:after {
    left: 0.5em;
    margin-right: -50%;
}
.big-title.line-heading:before {
    right: 0.1em;
}
.big-title.line-heading:after {
    left: 0.1em;
}

.font-black {
    font-weight: 900;
}

.color-accent {
    color: #7e0272;
    /*color: #b0039f;*/
}
.color-accent-2 {
    color: #df3f36;
}

@media screen and (max-width: 768px) {
    h1.big-title {
        font-size: 4em;
    }
    .sub-title {
        font-size: 1.8em;
    }
}
@media screen and (min-width: 768px) {
    .sidebar {
        position: sticky;
        top: 0;
        /*height: 100vh;*/
    }
    .two-columns {
        -webkit-column-count: 2;
        column-count: 2;
    }
    .nudge-up {
        margin-top: -9px;
    }
}
.links, .navbar .nav .links {
    font-family: 'Montserrat', sans-serif;
}
/*.navbar .links .nav-link {
    color: white;
}*/
.sidebar .links li {
    margin-bottom: 0.5em;
}
.sidebar .links a:hover, .sidebar .links a:active {
    text-decoration: none;
}
.links a {
    font-weight: 600;
}

/*.main-row {
    padding-top: 30px;
}*/

.news-item a {
    color: black;
    text-decoration: underline;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.color-spotify {
    color: #1DB954;
}

.color-soundcloud {
    color: #ff7700;
}

.player-container {
    width: 100%;
    margin-bottom: 0;
    position: fixed;
    bottom: 0;
    background-color: #343a40;
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 0 5px #222;
}

.player-inner-container {
    margin: 0 auto;
    max-width: 900px;
}

.player-container .mejs__container {
    background: #343a40;
}

.player-container .mejs__container .mejs__controls {
    background: #343a40;
}

.footer {
    /*position: absolute;
    bottom: 0;*/
    width: 100%;
    height: 40px;
}