@font-face {
  font-family: 'twt-x';
  src:  url('../fonts/twt-x.eot?jjyo3s');
  src:  url('../fonts/twt-x.eot?jjyo3s#iefix') format('embedded-opentype'),
    url('../fonts/twt-x.ttf?jjyo3s') format('truetype'),
    url('../fonts/twt-x.woff?jjyo3s') format('woff'),
    url('../fonts/twt-x.svg?jjyo3s#twt-x') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
    font-family: 'Venus Plant';
    src: url('../fonts/Venus-Plant.eot');
    src: url('../fonts/Venus-Plant.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Venus-Plant.woff2') format('woff2'),
         url('../fonts/Venus-Plant.woff') format('woff'),
         url('../fonts/Venus-Plant.ttf')  format('truetype'),
         url('../fonts/Venus-Plant.svg#Venus Plant') format('svg');
}

[class^="twt-x"], [class*=" twt-x"] {
  /* use !important to prevent issues with browser extensions that change ../fonts */
  font-family: 'twt-x' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.twt-x:before {
  content: "\e901";
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot') format('embedded-opentype'),
        url('../fonts/icomoon.ttf') format('truetype'),
        url('../fonts/icomoon.woff') format('woff'),
        url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-mail-envelope-closed1:before {
    content: "\e903";
}

.icon-deezer:before {
    content: "\e901";
}

.icon-tiktok:before {
    content: "\e900";
}

.icon-facebook:before {
    content: "\ea90";
}

.icon-instagram:before {
    content: "\ea92";
}

.icon-spotify:before {
    content: "\ea94";
}

.icon-twitter:before {
    content: "\ea96";
}

.icon-youtube:before {
    content: "\ea9d";
}

.icon-appleinc:before {
    content: "\eabe";
}

.icon-soundcloud:before {
    content: "\eac3";
}

img {
    max-width: 100%;
    height: auto;
}

body {
    -webkit-text-size-adjust: none;
  /* font-family: "omnium", sans-serif; */
  font-family: 'Venus Plant';
font-weight: 500;
font-style: normal;    font-style: normal;
    font-size: 10px;
    text-transform: uppercase;
    color: #000;
    margin: 0;
    text-align: center;
    padding: 0;
    background: #fff;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

a:link {
    text-decoration: none;
}

ul,
li {
    padding: 0;
    margin: 0;
}

/* header stylings */
.artist_name a{
    font-size: 2.344vw;
   color: #000;
   font-family: 'Venus Plant';
    font-weight: 700;
    font-style: normal;
   
}
.artist_name {
margin:5vw 0 0;
}
.headerWrap {
    width: 100%;
    /* height: 75vh; */
    height: calc(100vh - 14vw);
    position: relative;
}

.socials.header {
    position: absolute;
    top: 5vh;
    left: 3vw;
}
div#nav-links {
    margin-top: 1vw;
}
/* .community-wrapper {
    text-align: center;
    position: absolute;
    top: 3vh;
    right: 3vw;
} */

.community-wrapper p {
    font-family: 'Venus Plant';
font-weight: 500;
font-style: normal;    color: #000;
    font-size: 1.03vw;
    letter-spacing: 0.0395vw;
    text-transform: uppercase;
    text-decoration: none;
}

.fa-phone {
    margin: auto 0.5vw;
}

.innerWrap {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    /* margin-top: 4vh; */
}

.content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content h1{
    font-size: 3vw;
}

.content h2{
    font-size: 2vw;
}

.links .description{
    font-size: 1vw;
}
body a:hover {
    opacity: 0.8;
}
a#home-nav{
    color: #000;
    text-decoration: underline;
    text-underline-position: under;
    font-size: 1vw;
}

a#home-nav:hover{
    opacity: 0.6;
}

/* footer stylings */

ul.social-icons li {
    display: inline-block;
    float: none;
    margin-right: 1vw;
    vertical-align: middle;
}

ul.social-icons li a {
    display: block;
    font-size: 1.36vw;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-family: 'Venus Plant';
font-weight: 500;
font-style: normal;}

ul.social-icons li a:hover{
    opacity: 0.6;
}

ul.social-icons li a.icon-mail-envelope-closed1,
ul.social-icons li a.icon-soundcloud {
    font-size: 2.3vw;
}

ul.social-icons li:last-child {
    margin-right: 0;
}

br.mobileOnly {
    display: none;
}

.footerwrapper {
    position: relative;
    width: 100%;
    text-align: center;
    margin: 1vw auto;
}

/* .footerwrapper .socials {
    display: none;
} */

div#copyright-wrap a,
div#copyright-wrap span {
    font-size: 0.6vw;
    letter-spacing: 0.9px;
    line-height: 1vw;
    mix-blend-mode: inherit!important;
    color: #000;
    transition: all 0.3s;
}

div#copyright-wrap a:hover,
div#copyright-wrap span:hover {
    opacity: 0.8;
}

div#copyright-wrap {
    font-size: 1vw;
    margin-top: 1vh;
}

@media (max-width: 1024px) and (orientation:portrait) {
.headerWrap {
    min-height: calc(100vh - 16vw);
}
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
    .socials.header {
        position: relative;
        top: 2vh;
        width: 90%;
        text-align: left;
    }
    .artist_name a{
        font-size: 26px;
    }
    div#copyright-wrap a, div#copyright-wrap span{
        white-space: nowrap;
    }

    ul.social-icons li {
        margin-right: 10px;
    }

    ul.social-icons li a {
        font-size: 18px;
    }

    ul.social-icons li a.icon-mail-envelope-closed1,
    ul.social-icons li a.icon-soundcloud {
        font-size: 24px;
    }
    i.fa.fa-phone {
        margin-right: 10px;
    }
    
    #copyright-wrap span:nth-child(2) {
         display: none; 
    }
    
    #copyright-wrap span:first-child {
        display: block;
    }
    
    div#copyright-wrap a, div#copyright-wrap span{
        font-size:9px;
        letter-spacing:0.66px;
        line-height: 1.5;
    }
    
    div#copyright-wrap {
        margin: 20px auto;
    }
   

    .community-wrapper p {
        font-size: 14px;
        color: #000;
    }

    .footerwrapper {
        width: 95%;
    }

    div#copyright-wrap a,
    div#copyright-wrap span {
        font-size: 8px;
        line-height: 12px;
    }

    .content{
        width: 80%;
        margin: 0 auto;
    }

    .content h1{
        font-size: 20px;
    }
    
    .content h2{
        font-size: 16px;
    }
    
    .links .description{
        font-size: 10px;
        margin: 10px auto;
    }
    
    a#home-nav{
        font-size: 14px;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
.links .description{
    font-size: 15px;
}
a#home-nav{
    font-size: 15px;
}
}

a[href^="tel"] {
    color: #000;
    mix-blend-mode: difference;
    text-decoration: none;
}