* {outline:none;}
.clear {
clear:both;
}
.video-wrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
blockquote {
margin:0;
padding:0;
}
img,
img a {
border:none;
max-width:100%;
height:auto;
display:block;
}
ul {
list-style:none;
margin:0;padding:0;
}
a, a:hover {
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
transition: color 0.2s linear;
-o-transition: color 0.2s linear;
text-decoration:none;
}
body {
margin:0;
padding:0;
background-color:#000;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:"proxima-nova", Arial;
}
#container {
width:1100px;
margin:0 auto;
}
#container.narrow {
width:900px;
margin:0 auto;
}
#page-intro {
color:#FFF;
font-size:26px;
line-height:130%;
font-weight:300;
margin:0 0 45px 0;
}
#page-intro p:nth-child(n+2) {
font-size:20px;
}
#page-intro a {
color:#746b56;
text-decoration:underline;
}
#page-intro a:hover {
color:#FFF;
}
section {
margin-bottom:90px;
}
header {
width:100%;
padding:20px 0;
margin:0 0 60px 0;
background-color:#000;
border-bottom:1px solid #746b56;
z-index: 9999;
top: 0;
position:fixed;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.spacer-80 {
padding:80px 0;
}
#logo {
float:left;
}
#logo img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
nav {
float:right;
}
nav li {
float:left;
margin:0 0 0 30px;
text-transform:uppercase;
font-size:19px;
font-weight:600;
letter-spacing:0.3px;
color:#FFF;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
nav li.thin {
margin:0 0 0 15px;
}
nav li.sep {
font-size:34px !important;
font-weight:400;
}
nav a {
color:#FFF;
}
nav a:hover {
color:#746b56;
} h3 {
font-size:32px;
font-weight:500;
line-height:100%;
color:#FFF;
margin:0 0 35px 0;
}
.lines {
overflow:hidden;
padding-left:60px;
}
.lines > span {
position: relative;
display: inline-block;
}
.lines > span:before,
.lines > span:after{
content: '';
position: absolute;
top: 41%;
border-top:4px solid #746b56;
width:1000px;
height:4px;
margin: 0 18px;
}
.lines span:before {
right: 100%;
}
.lines span:after {
left: 100%;
} #more-btn {
text-align:center;
margin:20px 0 0 0;
display:block;
}
#more-btn a {
padding:9px 20px 8px 20px;
text-align:center;
color:#FFF;
font-size:17px;
letter-spacing:0.3px;
text-transform:uppercase;
background-image: linear-gradient(132deg, 
#746b56 91%,
#000000 91%,
#000000 93%,
#746b56 93%,
#746b56 95%,
#000000 95%,
#000000 97%,
#746b56 97%,
#746b56 100%);
}
#more-btn a:hover {
background-image: linear-gradient(132deg, 
#8e836b 91%,
#000000 91%,
#000000 93%,
#8e836b 93%,
#8e836b 95%,
#000000 95%,
#000000 97%,
#8e836b 97%,
#8e836b 100%);
} #about #container {
position:relative;
}
#about #photo {
max-width:50%;
margin-left:4%;
}
#bio-short {
background-color:#746b56;
padding:20px;
max-width:50%;
position:absolute;
bottom:14%;
right:0;
}
#bio-short p {
color:#FFF;
font-size:32px;
line-height:120%;
font-weight:300;
margin:0;
}
#about-more {
margin:20px 0 10px 0;
}
#about-more a {
padding:9px 28px 8px 28px;
text-align:center;
color:#FFF;
font-size:17px;
letter-spacing:0.3px;
text-transform:uppercase;
background-image: linear-gradient(132deg, 
#000000 91%,
#746b56 91%,
#746b56 93%,
#000000 93%,
#000000 95%,
#746b56 95%,
#746b56 97%,
#000000 97%,
#000000 100%);
}
#about-more a:hover {
background-image: linear-gradient(132deg, 
#191919 91%,
#746b56 91%,
#746b56 93%,
#191919 93%,
#191919 95%,
#746b56 95%,
#746b56 97%,
#191919 97%,
#191919 100%);
} #bio p {
color:#FFF;
line-height:150%;
font-weight:400;
font-size:17px;
letter-spacing:0.2px;
} #press ul {
display:flex;
flex-wrap:wrap;
margin-bottom:42px;
}
#press li {
float:left;
width:31.5%;
margin:0 2.75% 0 0;
height:230px;
}
#press.main li {
margin:0 2.75% 25px 0;
}
#press li #img {
float:left;
width:40%;
}
#press li #content {
float:left;
width:52%;
background-color:#FFF;
color:#000;
height:100%;
position:relative;
padding:0 4%;
}
#press li #content h2 {
font-weight:700;
font-size:23px;
line-height:110%;
text-transform:uppercase;
}
#press li #content h2 a {
color:#000;
}
#press li #content h2 a:hover {
color:#746b56;
}
#press li #content #meta {
position:absolute;
bottom:10px;
width:88%;
font-size:13px;
}
#press li #content #meta .publisher {
margin-bottom:10px;
font-size:13px;
font-weight:700;
}
#press li #content #meta .publisher a {
color:#000;
}
#press li #content #meta .publisher a:hover {
color:#746b56;
}
#press li #content #meta .date {
float:left;
font-weight:300;
}
#press li #content #meta .read {
float:right;
font-weight:700;
margin-right:3px;
}
#press li #content #meta .read a {
color:#746b56;
}
#press li #content #meta .read a:hover {
color:#000;
} #single {
color:#FFF;
}
#single h1 {
font-weight:700;
font-size:32px;
line-height:110%;
color:#FFF;
margin:0;
text-transform:uppercase;
}
#single-meta {
font-size:13px;
margin:20px 0;
color: rgb(255, 255, 255,.5);
}
#single-body {
margin-bottom:80px;
font-size:16px;
line-height:140%;
font-weight:400;
}
#single-body strong {
font-weight:700;
}
#single-post p {
margin:0 0 20px 0;
}
#single-post p:last-child {
margin-bottom:0;
}
#single a {
color:#746b56;
}
#single a:hover {
color:#FFF;
}
#single-link {
text-align:center;
margin:40px 0 0 0;
display:block;
}
#single-link a {
padding:9px 30px;
text-align:center;
color:#FFF;
font-size:17px;
letter-spacing:0.3px;
text-transform:uppercase;
background-color:#746b56;
-webkit-transition: background-color .3s ease;
-moz-transition: background-color .3s ease;
-o-transition: background-color .3s ease;
transition: background-color .3s ease;
}
#single-link a:hover {
color:#000;
background-color: rgba(255,255,255,.8);
}
#older-posts {
float:left;
width:48%;
}
#newer-posts {
float:right;
width:48%;
text-align:right;
}
#older-posts,
#newer-posts {
font-weight:700;
text-transform:uppercase;
font-size:16px;
line-height:140%;
}
#older-posts a,
#newer-posts a {
color: rgb(255, 255, 255,.5);
}
#older-posts a:hover,
#newer-posts a:hover {
color:#FFF;
} #releases-home-intro {
color:#FFF;
font-size:24px;
line-height:130%;
font-weight:400;
margin-bottom:30px;
}
#releases-home-intro a {
color:#746b56;
text-decoration:underline;
}
#releases-home-intro a:hover {
color:#FFF;
}
#releases ul {
display:flex;
flex-wrap:wrap;
}
#releases li {
float:left;
width:18.4%;
margin:0 2% 2% 0;
position:relative;
}
#releases li .cover {
height:100%;
max-height:100%;
overflow:hidden;
}
#releases li .cover img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#releases li #release-hover {
display:none;
}
#releases li:hover .cover img {
margin-top:-25px;
}
#releases li:hover #release-hover {
display:block;
position:absolute;
z-index:222;
bottom:0;
top:0;
left:0;
right:0;
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 26%, rgba(0,0,0,0.725910432532388) 54%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 26%, rgba(0,0,0,0.725910432532388) 54%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 26%, rgba(0,0,0,0.725910432532388) 54%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#releases li #release-hover .details {
color:#FFF;
position:absolute;
bottom:25%;
left:0;
right:0;
text-align:center;
text-transform:uppercase;
}
#releases li #release-hover .release-artist {
color:#746b56;
font-size:14px;
font-weight:400;
letter-spacing:0.2px;
}
#releases li #release-hover .release-title {
color:#FFF;
font-size:15px;
font-weight:600;
letter-spacing:0.2px;
line-height:120%;
}
#releases li #release-hover .date {
position:absolute;
bottom:14px;
right:10px;
color:#FFF;
font-size:13px;
}
#releases li #release-hover .date.center {
right:0;
left:0;
text-align:center;
display:block;
}
#cert {
position:absolute;
bottom:7px;
left:8px;
max-height:30px;
width:63px;
z-index:444;
}
#cert .total {
float:left;
color:#FFF;
font-size:12px;
font-weight:400;
background-color: rgba(0,0,0,.6);
border-radius:50px;
padding:3px 20px 3px 7px;
}
#cert .status {
float:right;
margin:-25px 5px 0 0;
}
#cert .status img {
max-height:30px;
} .discography-popup {
background-color:#000 !important;
color:#FFF !important;
}
.fancybox-content {
min-width:50%;
max-width:70%;
padding:0 !important;
}
#popup-cover {
width:100%;
display:block;
height:160px;
overflow:hidden;
position:relative;
}
#popup-cover img {
min-width:100%;
margin-top:-35%;
opacity: 0.3;
filter: blur(2px);
}
#popup-cover #info {
position:absolute;
top:46px;
left:30px;
right:0;
}
.discography-popup #content {
position:relative;
z-index:999;
}
#popup-cover #info #popup-artist {
font-weight:700;
font-size:34px;
line-height:110%;
letter-spacing:0.2px;
text-transform:uppercase;
}
#popup-cover #info #popup-title {
font-weight:500;
font-size:28px;
line-height:110%;
letter-spacing:0.2px;
text-transform:uppercase;
margin-bottom:12px;
}
.discography-popup #content {
padding:12px 0 20px 20px;
font-size:17px;
line-height:120%;
font-weight:500;
text-transform:uppercase;
}
.discography-popup #content li {
color: rgb(255, 255, 255,.5);
margin:0 0 10px 0;
}
.discography-popup #content li.white {
color:#FFF;
}
.discography-popup #content span.popup-produced-mixed,
.discography-popup #content span.popup-produced,
.discography-popup #content span.popup-vocal-produced {
display:inline-block;
font-size:13px;
margin-left:6px;
color:#746b56;
}
#popup-cert {
float:left;
margin:-5px 0 0 20px;
max-height:30px;
}
#popup-cert .total {
float:left;
color:#FFF;
font-size:13px;
font-weight:400;
background-color: rgba(116,107,86,.5);
border-radius:50px;
padding:2px 20px 2px 7px;
}
#popup-cert .status {
float:left;
margin:-2.5px 0 0 -16px;
}
#popup-cert .status img {
max-height:25px;
}
.popup-left-content {
float:left;
} .tabs ul.tabs-list {
list-style:none;
margin:0;
padding:0;
text-align:center;
}
.tabs ul.tabs-list li {
display:inline-block;
width:auto !important;
font-weight:400;
font-size:18px;
margin:0 6px !important;
color:#FFF;
padding:4px 18px;
text-align: center;
border:2px solid #746b56;
}
.tabs ul.tabs-list li a {
color:#FFF;
}
.tabs ul.tabs-list li:hover {
cursor:pointer;
}
.active {
display:block !important;
}
.tabs .tabs-list li.active {
display:inline-block !important;
background-color:#746b56;
color:#FFF;
}
.tabs .tab {
display:none;
width:100%;
height:auto;
padding:30px 0 0 0;
clear:both;
color:#FFF;
} #awards ul {
display:flex;
flex-wrap:wrap;
}
#awards li {
float:left;
width:31%;
margin:0 1% 3% 1%;
text-align:center;
text-transform:uppercase;
}
#awards li #association {
margin:0 0 3px 0;
text-align:center;
}
#awards li #association img {
max-height:40px;
max-width:80%;
display:inline-block;
}
#awards li .award {
font-weight:600;
color:#746b56;
font-size:19px;
letter-spacing:0.2px;
}
#awards li .song {
font-weight:400;
font-size:15px;
color:#FFF;
}
#awards li .year {
font-weight:300;
font-size:15px;
color:#FFF;
} .cool-timeline {
font-family:"proxima-nova", Arial !important;
}
h5.timeline-main-title,
.timeline-meta {
display:none;
}
.cool-timeline.white-timeline .timeline-post .timeline-content .content-title {
background-color:#000 !important;
padding:40px 0 20px 10px;
color:#FFF;
font-weight:700;
font-size:22px !important;
font-family:"proxima-nova", Arial !important;
text-transform:uppercase;
position:relative;
}
.ultimate-style .timeline-post .timeline-content .content-title:before {
content: "";
display: none !important;
border-top: 0px solid transparent;
border-left:0;
border-right:0;
border-bottom:0;
}
.cool-timeline.white-timeline .timeline-post .timeline-content h2.content-title:before {
content: "";
display: block !important;
border-top: 2px solid #746b56;
border-left:0;
border-right:0;
border-bottom:0;
width:104%;
margin-top:10px;
}
.timeline-icon.icon-larger.iconbg-turqoise.icon-color-white {
box-shadow:none !important;
-webkit-box-shadow: 0 0 0 0 white, inset 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 #746b56;
box-shadow: 0 0 0 0 white, inset 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 #746b56;
border:2px solid #22465f;
padding:0px;
background-color:#000;
height:35px;
width:35px;
line-height:35px;
text-align:center;
}
.cool-timeline.light-timeline .timeline-post .timeline-icon {
background:0 0 !important;
}
.main-design-2 img.ctl-icon-img {
margin:0 !important
}
.cool-timeline.white-timeline .timeline-year {
-webkit-box-shadow:0 0 0 0 white, inset 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 2px #746b56 !important;
box-shadow:0 0 0 0 white, inset 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 2px #746b56 !important;
height:auto !important;
padding-top:0 !important;
}
.main-design-2 .cool-timeline .timeline-year span {
font-size:24px !important;
line-height:100%;
font-weight:400;
padding:2px 0 0 0;
}
.cool-timeline .timeline-post .timeline-icon {
margin:10px 0 0 -17.5px !important;
}
.cool-timeline .timeline-post .timeline-icon .icon-placeholder {
padding: 0px !important;
background-color:#000;
padding:3px !important;
min-height:100%;
}
.cool-timeline .timeline-post .timeline-content .content-details span.gold-color {
display:block !important;
font-weight:700 !important;
}
.ultimate-style .timeline-post .timeline-content .content-details {
padding:0 0 0 10px !important;
}
.cool-timeline .timeline-post .timeline-content .content-details p {
margin:0 0 20px 0 !important;
font-size:18px !important;
line-height:120%;
font-weight:400 !important;
text-transform:uppercase !important;
color:#FFF;
font-family:"proxima-nova", Arial;
} footer {
border-top:1px solid #746b56;
color:#FFF;
padding:18px 0;
font-size:13px;
text-align:center;
margin-top:120px;
line-height:110%;
}
footer a {
color:#746b56;
}
footer a:hover {
color:#FFF;
} .cd-top {
display: inline-block;
height: 45px;
width: 45px;
position: fixed;
z-index:99999;
bottom: 30px;
right: 30px;
border-radius:2px; overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(116,107,86,.6) url(//joeymoi.com/wp-content/themes/joey2020/images/arrow.png) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:hover {
background: rgba(116,107,86,1) url(//joeymoi.com/wp-content/themes/joey2020/images/arrow.png) no-repeat center 50%;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
transition: background .3s ease;
}
.cd-top.cd-is-visible { visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out { opacity: 1;
}
.no-touch .cd-top:hover {
background-color: #746b56;
opacity: 1;
}@font-face {
font-family: 'Socicon';
src:  url(//joeymoi.com/wp-content/themes/joey2020/fonts/Socicon.eot?87visu);
src:  url(//joeymoi.com/wp-content/themes/joey2020/fonts/Socicon.eot?87visu#iefix) format('embedded-opentype'),
url(//joeymoi.com/wp-content/themes/joey2020/fonts/Socicon.woff2?87visu) format('woff2'),
url(//joeymoi.com/wp-content/themes/joey2020/fonts/Socicon.ttf?87visu) format('truetype'),
url(//joeymoi.com/wp-content/themes/joey2020/fonts/Socicon.woff?87visu) format('woff'),
url(//joeymoi.com/wp-content/themes/joey2020/fonts/Socicon.svg?87visu#Socicon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="socicon-"], [class*=" socicon-"] { font-family: 'Socicon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.socicon-eitaa:before {
content: "\e97c";
}
.socicon-soroush:before {
content: "\e97d";
}
.socicon-bale:before {
content: "\e97e";
}
.socicon-zazzle:before {
content: "\e97b";
}
.socicon-society6:before {
content: "\e97a";
}
.socicon-redbubble:before {
content: "\e979";
}
.socicon-avvo:before {
content: "\e978";
}
.socicon-stitcher:before {
content: "\e977";
}
.socicon-googlehangouts:before {
content: "\e974";
}
.socicon-dlive:before {
content: "\e975";
}
.socicon-vsco:before {
content: "\e976";
}
.socicon-flipboard:before {
content: "\e973";
}
.socicon-ubuntu:before {
content: "\e958";
}
.socicon-artstation:before {
content: "\e959";
}
.socicon-invision:before {
content: "\e95a";
}
.socicon-torial:before {
content: "\e95b";
}
.socicon-collectorz:before {
content: "\e95c";
}
.socicon-seenthis:before {
content: "\e95d";
}
.socicon-googleplaymusic:before {
content: "\e95e";
}
.socicon-debian:before {
content: "\e95f";
}
.socicon-filmfreeway:before {
content: "\e960";
}
.socicon-gnome:before {
content: "\e961";
}
.socicon-itchio:before {
content: "\e962";
}
.socicon-jamendo:before {
content: "\e963";
}
.socicon-mix:before {
content: "\e964";
}
.socicon-sharepoint:before {
content: "\e965";
}
.socicon-tinder:before {
content: "\e966";
}
.socicon-windguru:before {
content: "\e967";
}
.socicon-cdbaby:before {
content: "\e968";
}
.socicon-elementaryos:before {
content: "\e969";
}
.socicon-stage32:before {
content: "\e96a";
}
.socicon-tiktok:before {
content: "\e96b";
}
.socicon-gitter:before {
content: "\e96c";
}
.socicon-letterboxd:before {
content: "\e96d";
}
.socicon-threema:before {
content: "\e96e";
}
.socicon-splice:before {
content: "\e96f";
}
.socicon-metapop:before {
content: "\e970";
}
.socicon-naver:before {
content: "\e971";
}
.socicon-remote:before {
content: "\e972";
}
.socicon-internet:before {
content: "\e957";
}
.socicon-moddb:before {
content: "\e94b";
}
.socicon-indiedb:before {
content: "\e94c";
}
.socicon-traxsource:before {
content: "\e94d";
}
.socicon-gamefor:before {
content: "\e94e";
}
.socicon-pixiv:before {
content: "\e94f";
}
.socicon-myanimelist:before {
content: "\e950";
}
.socicon-blackberry:before {
content: "\e951";
}
.socicon-wickr:before {
content: "\e952";
}
.socicon-spip:before {
content: "\e953";
}
.socicon-napster:before {
content: "\e954";
}
.socicon-beatport:before {
content: "\e955";
}
.socicon-hackerone:before {
content: "\e956";
}
.socicon-hackernews:before {
content: "\e946";
}
.socicon-smashwords:before {
content: "\e947";
}
.socicon-kobo:before {
content: "\e948";
}
.socicon-bookbub:before {
content: "\e949";
}
.socicon-mailru:before {
content: "\e94a";
}
.socicon-gitlab:before {
content: "\e945";
}
.socicon-instructables:before {
content: "\e944";
}
.socicon-portfolio:before {
content: "\e943";
}
.socicon-codered:before {
content: "\e940";
}
.socicon-origin:before {
content: "\e941";
}
.socicon-nextdoor:before {
content: "\e942";
}
.socicon-udemy:before {
content: "\e93f";
}
.socicon-livemaster:before {
content: "\e93e";
}
.socicon-crunchbase:before {
content: "\e93b";
}
.socicon-homefy:before {
content: "\e93c";
}
.socicon-calendly:before {
content: "\e93d";
}
.socicon-realtor:before {
content: "\e90f";
}
.socicon-tidal:before {
content: "\e910";
}
.socicon-qobuz:before {
content: "\e911";
}
.socicon-natgeo:before {
content: "\e912";
}
.socicon-mastodon:before {
content: "\e913";
}
.socicon-unsplash:before {
content: "\e914";
}
.socicon-homeadvisor:before {
content: "\e915";
}
.socicon-angieslist:before {
content: "\e916";
}
.socicon-codepen:before {
content: "\e917";
}
.socicon-slack:before {
content: "\e918";
}
.socicon-openaigym:before {
content: "\e919";
}
.socicon-logmein:before {
content: "\e91a";
}
.socicon-fiverr:before {
content: "\e91b";
}
.socicon-gotomeeting:before {
content: "\e91c";
}
.socicon-aliexpress:before {
content: "\e91d";
}
.socicon-guru:before {
content: "\e91e";
}
.socicon-appstore:before {
content: "\e91f";
}
.socicon-homes:before {
content: "\e920";
}
.socicon-zoom:before {
content: "\e921";
}
.socicon-alibaba:before {
content: "\e922";
}
.socicon-craigslist:before {
content: "\e923";
}
.socicon-wix:before {
content: "\e924";
}
.socicon-redfin:before {
content: "\e925";
}
.socicon-googlecalendar:before {
content: "\e926";
}
.socicon-shopify:before {
content: "\e927";
}
.socicon-freelancer:before {
content: "\e928";
}
.socicon-seedrs:before {
content: "\e929";
}
.socicon-bing:before {
content: "\e92a";
}
.socicon-doodle:before {
content: "\e92b";
}
.socicon-bonanza:before {
content: "\e92c";
}
.socicon-squarespace:before {
content: "\e92d";
}
.socicon-toptal:before {
content: "\e92e";
}
.socicon-gust:before {
content: "\e92f";
}
.socicon-ask:before {
content: "\e930";
}
.socicon-trulia:before {
content: "\e931";
}
.socicon-loomly:before {
content: "\e932";
}
.socicon-ghost:before {
content: "\e933";
}
.socicon-upwork:before {
content: "\e934";
}
.socicon-fundable:before {
content: "\e935";
}
.socicon-booking:before {
content: "\e936";
}
.socicon-googlemaps:before {
content: "\e937";
}
.socicon-zillow:before {
content: "\e938";
}
.socicon-niconico:before {
content: "\e939";
}
.socicon-toneden:before {
content: "\e93a";
}
.socicon-augment:before {
content: "\e908";
}
.socicon-bitbucket:before {
content: "\e909";
}
.socicon-fyuse:before {
content: "\e90a";
}
.socicon-yt-gaming:before {
content: "\e90b";
}
.socicon-sketchfab:before {
content: "\e90c";
}
.socicon-mobcrush:before {
content: "\e90d";
}
.socicon-microsoft:before {
content: "\e90e";
}
.socicon-pandora:before {
content: "\e907";
}
.socicon-messenger:before {
content: "\e906";
}
.socicon-gamewisp:before {
content: "\e905";
}
.socicon-bloglovin:before {
content: "\e904";
}
.socicon-tunein:before {
content: "\e903";
}
.socicon-gamejolt:before {
content: "\e901";
}
.socicon-trello:before {
content: "\e902";
}
.socicon-spreadshirt:before {
content: "\e900";
}
.socicon-500px:before {
content: "\e000";
}
.socicon-8tracks:before {
content: "\e001";
}
.socicon-airbnb:before {
content: "\e002";
}
.socicon-alliance:before {
content: "\e003";
}
.socicon-amazon:before {
content: "\e004";
}
.socicon-amplement:before {
content: "\e005";
}
.socicon-android:before {
content: "\e006";
}
.socicon-angellist:before {
content: "\e007";
}
.socicon-apple:before {
content: "\e008";
}
.socicon-appnet:before {
content: "\e009";
}
.socicon-baidu:before {
content: "\e00a";
}
.socicon-bandcamp:before {
content: "\e00b";
}
.socicon-battlenet:before {
content: "\e00c";
}
.socicon-mixer:before {
content: "\e00d";
}
.socicon-bebee:before {
content: "\e00e";
}
.socicon-bebo:before {
content: "\e00f";
}
.socicon-behance:before {
content: "\e010";
}
.socicon-blizzard:before {
content: "\e011";
}
.socicon-blogger:before {
content: "\e012";
}
.socicon-buffer:before {
content: "\e013";
}
.socicon-chrome:before {
content: "\e014";
}
.socicon-coderwall:before {
content: "\e015";
}
.socicon-curse:before {
content: "\e016";
}
.socicon-dailymotion:before {
content: "\e017";
}
.socicon-deezer:before {
content: "\e018";
}
.socicon-delicious:before {
content: "\e019";
}
.socicon-deviantart:before {
content: "\e01a";
}
.socicon-diablo:before {
content: "\e01b";
}
.socicon-digg:before {
content: "\e01c";
}
.socicon-discord:before {
content: "\e01d";
}
.socicon-disqus:before {
content: "\e01e";
}
.socicon-douban:before {
content: "\e01f";
}
.socicon-draugiem:before {
content: "\e020";
}
.socicon-dribbble:before {
content: "\e021";
}
.socicon-drupal:before {
content: "\e022";
}
.socicon-ebay:before {
content: "\e023";
}
.socicon-ello:before {
content: "\e024";
}
.socicon-endomodo:before {
content: "\e025";
}
.socicon-envato:before {
content: "\e026";
}
.socicon-etsy:before {
content: "\e027";
}
.socicon-facebook:before {
content: "\e028";
}
.socicon-feedburner:before {
content: "\e029";
}
.socicon-filmweb:before {
content: "\e02a";
}
.socicon-firefox:before {
content: "\e02b";
}
.socicon-flattr:before {
content: "\e02c";
}
.socicon-flickr:before {
content: "\e02d";
}
.socicon-formulr:before {
content: "\e02e";
}
.socicon-forrst:before {
content: "\e02f";
}
.socicon-foursquare:before {
content: "\e030";
}
.socicon-friendfeed:before {
content: "\e031";
}
.socicon-github:before {
content: "\e032";
}
.socicon-goodreads:before {
content: "\e033";
}
.socicon-google:before {
content: "\e034";
}
.socicon-googlescholar:before {
content: "\e035";
}
.socicon-googlegroups:before {
content: "\e036";
}
.socicon-googlephotos:before {
content: "\e037";
}
.socicon-googleplus:before {
content: "\e038";
}
.socicon-grooveshark:before {
content: "\e039";
}
.socicon-hackerrank:before {
content: "\e03a";
}
.socicon-hearthstone:before {
content: "\e03b";
}
.socicon-hellocoton:before {
content: "\e03c";
}
.socicon-heroes:before {
content: "\e03d";
}
.socicon-smashcast:before {
content: "\e03e";
}
.socicon-horde:before {
content: "\e03f";
}
.socicon-houzz:before {
content: "\e040";
}
.socicon-icq:before {
content: "\e041";
}
.socicon-identica:before {
content: "\e042";
}
.socicon-imdb:before {
content: "\e043";
}
.socicon-instagram:before {
content: "\e044";
}
.socicon-issuu:before {
content: "\e045";
}
.socicon-istock:before {
content: "\e046";
}
.socicon-itunes:before {
content: "\e047";
}
.socicon-keybase:before {
content: "\e048";
}
.socicon-lanyrd:before {
content: "\e049";
}
.socicon-lastfm:before {
content: "\e04a";
}
.socicon-line:before {
content: "\e04b";
}
.socicon-linkedin:before {
content: "\e04c";
}
.socicon-livejournal:before {
content: "\e04d";
}
.socicon-lyft:before {
content: "\e04e";
}
.socicon-macos:before {
content: "\e04f";
}
.socicon-mail:before {
content: "\e050";
}
.socicon-medium:before {
content: "\e051";
}
.socicon-meetup:before {
content: "\e052";
}
.socicon-mixcloud:before {
content: "\e053";
}
.socicon-modelmayhem:before {
content: "\e054";
}
.socicon-mumble:before {
content: "\e055";
}
.socicon-myspace:before {
content: "\e056";
}
.socicon-newsvine:before {
content: "\e057";
}
.socicon-nintendo:before {
content: "\e058";
}
.socicon-npm:before {
content: "\e059";
}
.socicon-odnoklassniki:before {
content: "\e05a";
}
.socicon-openid:before {
content: "\e05b";
}
.socicon-opera:before {
content: "\e05c";
}
.socicon-outlook:before {
content: "\e05d";
}
.socicon-overwatch:before {
content: "\e05e";
}
.socicon-patreon:before {
content: "\e05f";
}
.socicon-paypal:before {
content: "\e060";
}
.socicon-periscope:before {
content: "\e061";
}
.socicon-persona:before {
content: "\e062";
}
.socicon-pinterest:before {
content: "\e063";
}
.socicon-play:before {
content: "\e064";
}
.socicon-player:before {
content: "\e065";
}
.socicon-playstation:before {
content: "\e066";
}
.socicon-pocket:before {
content: "\e067";
}
.socicon-qq:before {
content: "\e068";
}
.socicon-quora:before {
content: "\e069";
}
.socicon-raidcall:before {
content: "\e06a";
}
.socicon-ravelry:before {
content: "\e06b";
}
.socicon-reddit:before {
content: "\e06c";
}
.socicon-renren:before {
content: "\e06d";
}
.socicon-researchgate:before {
content: "\e06e";
}
.socicon-residentadvisor:before {
content: "\e06f";
}
.socicon-reverbnation:before {
content: "\e070";
}
.socicon-rss:before {
content: "\e071";
}
.socicon-sharethis:before {
content: "\e072";
}
.socicon-skype:before {
content: "\e073";
}
.socicon-slideshare:before {
content: "\e074";
}
.socicon-smugmug:before {
content: "\e075";
}
.socicon-snapchat:before {
content: "\e076";
}
.socicon-songkick:before {
content: "\e077";
}
.socicon-soundcloud:before {
content: "\e078";
}
.socicon-spotify:before {
content: "\e079";
}
.socicon-stackexchange:before {
content: "\e07a";
}
.socicon-stackoverflow:before {
content: "\e07b";
}
.socicon-starcraft:before {
content: "\e07c";
}
.socicon-stayfriends:before {
content: "\e07d";
}
.socicon-steam:before {
content: "\e07e";
}
.socicon-storehouse:before {
content: "\e07f";
}
.socicon-strava:before {
content: "\e080";
}
.socicon-streamjar:before {
content: "\e081";
}
.socicon-stumbleupon:before {
content: "\e082";
}
.socicon-swarm:before {
content: "\e083";
}
.socicon-teamspeak:before {
content: "\e084";
}
.socicon-teamviewer:before {
content: "\e085";
}
.socicon-technorati:before {
content: "\e086";
}
.socicon-telegram:before {
content: "\e087";
}
.socicon-tripadvisor:before {
content: "\e088";
}
.socicon-tripit:before {
content: "\e089";
}
.socicon-triplej:before {
content: "\e08a";
}
.socicon-tumblr:before {
content: "\e08b";
}
.socicon-twitch:before {
content: "\e08c";
}
.socicon-twitter:before {
content: "\e08d";
}
.socicon-uber:before {
content: "\e08e";
}
.socicon-ventrilo:before {
content: "\e08f";
}
.socicon-viadeo:before {
content: "\e090";
}
.socicon-viber:before {
content: "\e091";
}
.socicon-viewbug:before {
content: "\e092";
}
.socicon-vimeo:before {
content: "\e093";
}
.socicon-vine:before {
content: "\e094";
}
.socicon-vkontakte:before {
content: "\e095";
}
.socicon-warcraft:before {
content: "\e096";
}
.socicon-wechat:before {
content: "\e097";
}
.socicon-weibo:before {
content: "\e098";
}
.socicon-whatsapp:before {
content: "\e099";
}
.socicon-wikipedia:before {
content: "\e09a";
}
.socicon-windows:before {
content: "\e09b";
}
.socicon-wordpress:before {
content: "\e09c";
}
.socicon-wykop:before {
content: "\e09d";
}
.socicon-xbox:before {
content: "\e09e";
}
.socicon-xing:before {
content: "\e09f";
}
.socicon-yahoo:before {
content: "\e0a0";
}
.socicon-yammer:before {
content: "\e0a1";
}
.socicon-yandex:before {
content: "\e0a2";
}
.socicon-yelp:before {
content: "\e0a3";
}
.socicon-younow:before {
content: "\e0a4";
}
.socicon-youtube:before {
content: "\e0a5";
}
.socicon-zapier:before {
content: "\e0a6";
}
.socicon-zerply:before {
content: "\e0a7";
}
.socicon-zomato:before {
content: "\e0a8";
}
.socicon-zynga:before {
content: "\e0a9";
}@media all and (min-width:1100px) {
#mobile-socials {
display:none;
}
header {
height:60px;
line-height:60px;
}
header #logo {
margin-top:15px;
}
header #logo img {
max-height:30px;
}
header.shrink #logo {
margin-top:4px;
}
header.shrink {
height:40px;
line-height:40px;
}
header.shrink #logo img {
max-height:30px;
}
#press li:last-child {
margin-right:0;
}
#press.main li:nth-child(3n+3) {
margin-right:0;
}
#releases li:nth-child(5n-6) {
margin-right:0;
}
}
@media all and (max-width:1100px) {
nav li.thin {
display:none;
}
#mobile-socials {
margin-top:15px;
}
#mobile-socials ul {
list-style:none;
margin:0;
padding:0;
text-align:center;
}
#mobile-socials li {
display:inline-block;
font-size:19px;
margin:0 8px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#mobile-socials a {
color:#FFF;
}
#mobile-socials a:hover {
color:#746b56;
}
header {
position:relative;
}
header #container {
width:90%;
margin:0 5%;
}
header #logo img {
max-width:60%;
}
.spacer-80 {
padding:0;
}
#container,
#container.narrow {
width:80%;
margin:0 10%;
}
#page-intro {
font-size:23px;
}
#logo {
float:none;
text-align:center;
margin:0 auto 15px auto;
}
#logo img {
display:inherit;
}
nav {
float:none;
text-align:center;
}
nav li {
float:none;
font-size:18px;
display:inline-block;
margin:0 8px;
line-height:100%;
}
h3 {
font-size:30px;
}
.lines {
overflow:hidden;
padding-left:34px;
}
.lines > span:before,
.lines > span:after{
margin: 0 13px;
} #about #photo {
max-width:92%;
margin:0 4%;
}
#about #photo img {
text-align:center !important;
display:inherit;
margin:0 auto;
}
#bio-short {
padding:12px;
max-width:100%;
position:absolute;
bottom:0;
right:0;
left:0;
}
#bio-short p {
font-size:22px;
text-align:center;
}
#about-more {
margin:20px auto 10px auto;
max-width:80%;
}
#about-more a {
padding:9px 20px 8px 20px;
display:block;
font-size:16px;
} #press li {
float:left;
width:47%;
margin:0 1.5% 3% 1.5%;
height:230px;
}
#press.main li {
margin:0 1.5% 3% 1.5%;
} #single h1 {
font-size:28px;
} #home-section-intro {
font-size:18px;
margin-top:-20px;
}
#releases li {
float:left;
width:30%;
margin:0 1.5% 3% 1.5%;
}
#releases li #release-hover .release-artist {
font-size:14px;
}
#releases li #release-hover .release-title {
font-size:15px;
} #popup-cover {
max-height:140px;
}
#popup-cover #info {
position:absolute;
top:30px;
left:20px;
right:20px;
}
#popup-cover #info #popup-artist {
font-size:26px;
margin-bottom:10px;
}
#popup-cover #info #popup-title {
font-size:20px;
}
.discography-popup #content {
padding:10px 2% 20px 2%;
font-size:17px;
}
.discography-popup #content ol li {
float:left;
width:100%;
margin:0 0 5px 0;
} .tabs ul.tabs-list li {
float:left;
display:inline-block;
min-width:22.4%;
margin:0 1%;
padding:4px 0;
} #awards li {
float:left;
width:46%;
margin:0 2% 4% 2%;
}
#awards li .award {
font-size:18px;
} .cool-timeline.white-timeline .timeline-post .timeline-content .content-title {
padding:40px 0 20px 0px;
}
.ultimate-style .timeline-post .timeline-content .content-details {
padding:0 !important;
}
} @media all and (min-width:900px) {
.hide-footer-smmobile {
display:inherit;
}
.show-footer-smmobile {
display:none;
}
}
@media all and (max-width:900px) {
.hide-footer-smmobile {
display:none;
}
.show-footer-smmobile {
display:inherit;
}
h3 {
font-size:27px;
}
#about #container {
margin-bottom:200px;
}
#bio-short {
bottom:-20px;
}
#bio-short p {
font-size:19px;
text-align:center;
}
#page-intro,
#releases-home-intro {
font-size:20px;
}
#page-intro p:nth-child(n+2) {
font-size:18px;
}
#press li {
float:none;
width:100%;
margin:0 0 20px 0;
height:210px;
}
#press li #content h2 {
font-size:20px;
}
#older-posts {
float:none;
width:80%;
display:block;
margin:0 0 30px 0;
}
#newer-posts {
float:none;
width:80%;
margin-left:20%;
}
#awards li {
float:none;
width:100%;
margin:0 0 20px 0;
}
#releases li {
float:left;
width:48%;
margin:0 1% 2% 1%;
}
.fancybox-navigation {
display:none;
}
#releases li #release-hover .release-artist {
font-size:12px;
}
#releases li #release-hover .release-title {
font-size:13px;
}
.discography-popup #content {
font-size:15px;
}
#popup-cert {
display:none;
}
.tabs ul.tabs-list li {
float:left;
display:block;
min-width:44%;
margin-bottom:10px !important;
padding:4px 0;
}
.cool-timeline.white-timeline .timeline-year {
margin-bottom:-5px !important;
}
.cool-timeline .timeline-post .timeline-icon {
margin:10px 0 0 -2px !important;
}
.cool-timeline.white-timeline .timeline-post .timeline-content .content-title {
font-size:20px !important;
}
.cool-timeline .timeline-post .timeline-content .content-details p {
font-size:16px !important;
}
}
@media all and (max-width:800px) {
span.hide-smmobile {
display:none;
}
nav li {
font-size:16px;
margin:0 4px;
}
}