@import url("https://fonts.googleapis.com/css?family=Nunito:400,700");
body { font: "Hiragino Sans", Helvetica, Arial, sans-serif 24px; font-weight: 300; line-height: 1.5; background-color: gray; }

h1, h2, h3, h4, h5, h6 { font-family: "Nunito", sans-serif; }

a { cursor: pointer; color: #5e5e5e; }

a:hover { cursor: pointer; color: #919191; text-decoration: none; }

.wrapper:after { content: ""; display: table; clear: both; }

.container { background-color: #fff; min-height: 100vh; padding-right: 32px; padding-left: 32px; padding-bottom: 32px; }

@media (min-width: 576px) { .container { max-width: 1024px; } }

header { display: flex; align-content: center; height: 96px; }

header .navbar { padding: 0px; }

header nav { width: 100%; }

header nav .navbar-brand { font-family: "Nunito", sans-serif; font-size: 24px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ }

header nav .navbar-brand b { font-weight: 800; }

header nav .nav-item { font-size: 12x; font-weight: 300; }

header nav .nav-item a { padding-right: .5rem; padding-left: .5rem; }

header nav .nav-item a:hover { color: #919191; }

header nav .nav-active a { color: #5e5e5e; }

.navbar-nav { flex-direction: row; }

.wrapper { max-width: -webkit-calc(1024px - (32px * 2)); max-width: calc(1024px - (32px * 2)); margin-right: auto; margin-left: auto; padding-left: 16px; padding-right: 16px; }

.content { padding-top: 32px; }

footer { min-height: 32px; text-align: center; padding-top: 16px; }

footer p { font-size: 12px; color: #5e5e5e; }

.artists-item .artist-name { margin-top: 16px; margin-bottom: 32px; }

.artists-content { display: flex; justify-content: space-between; flex-wrap: wrap; }

.artists-item { padding: 0; }

.artists-item a { opacity: 0; color: #000; transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; }

.artists-item a .artists-item-overlay { background: rgba(245, 245, 245, 0.7); position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; padding-left: 32px; display: flex; align-items: center; justify-content: left; }

.artists-item .artists-item-img { background-repeat: no-repeat; background-position: center; background-size: 100%; overflow: hidden; }

.artists-item .artists-item-img img { visibility: hidden; width: 100%; }

.artists-item a:hover { opacity: 1; }

.artist-header, .home-header { padding: 0px; height: 320px; margin-bottom: 32px; background-size: 100%; background-position: center; background-repeat: no-repeat; }

.artist-header div, .home-header div { padding: 32px; display: flex; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; background: rgba(245, 245, 245, 0.7); width: 100%; height: 100%; }

.artist-header div h1, .home-header div h1 { text-align: center; flex-basis: 100%; }

.artist-header div p, .home-header div p { text-align: center; flex-basis: 100%; }

@media screen and (max-width: 1024px) { .artist-header, .home-header { background-size: 1024px; } }

.post-meta { color: #5e5e5e; }

.artist-bio p { text-align: justify; }

.artist-releases { margin-bottom: 64px; }

.artist-releases a:hover img { opacity: 0.7; }

.release { margin-bottom: 32px; }

.release .release-player { min-width: 320px; }

@media screen and (max-width: 996px) { .release .release-player { padding-bottom: 32px; } }

.release .release-player iframe { margin: 0 auto; display: block; width: 290px; height: 290px; }

.release .release-content p { margin-top: 16px; text-align: justify; }

.release:last-of-type { margin-bottom: 0px; }

.artist-release { display: flex; justify-content: space-between; }

.artist-release .album-art { width: 33%; }

.artist-release .album-art img { max-width: 100%; filter: drop-shadow(4px 4px 7px #ddd); }

.artist-release .album-info { padding-left: 16px; width: 66%; }

.artist-release span { color: #5e5e5e; }

.social { margin-top: 32px; }

.social-icon { padding-right: 16px; }

.social-icon svg { width: 24px; height: 24px; }

.social-icon svg path { fill: #5e5e5e; }

.social-icon svg:hover path { fill: #919191; }

/*# sourceMappingURL=main.css.map */