@font-face {

    font-family: 'icomoon';

    src:  url('../fonts/icomoon.eot?dd');

    src:  url('../fonts/icomoon.eot?yizh3w#d') format('embedded-opentype'),

      url('../fonts/icomoon.ttf?dd') format('truetype'),

      url('../fonts/icomoon.woff?dd') format('woff'),

      url('../fonts/icomoon.svg?dd#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

  }

  

  [class^="icon-"], [class*=" icon-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'icomoon' !important;

    speak: none;

    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-instagram:before {

    content: "\e901";

  }

  .icon-facebook:before {

    content: "\ea90";

  }

  .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";

  }

  .icon-deezer:before {

    content: "\e900";

  }

  

  body.twitterPage .desk{

      width:100%;

  }

  .rightContent a {

    background: url(../images/clubhousetext.png) no-repeat;

    /* float: right; */

    position: absolute;

    width: 15vw;

    height: 3.5vw;

    /* margin-top: 40px; */

    margin-top: 1vw;

    margin-right: 1vw;

    background-size: 100%;

    top: 0;

    right: 0;

}









.contentWrapper {

    position: relative;

}

/*feed css*/

.wall {

    height: 25.4vw;

}



.wall.left {

    position: absolute;

    width: 20.4vw;

    top: 35.8vw;

    left: 6.8vw;

    height: 25.9vw;



}

.wall.right {

    position: absolute;

    width: 20.5vw;

    top: 8.7vw;

    right: 6.5vw;

}



.wall .content {

    background-color: #191c1a;

    border: none;

    border-bottom: 0.5px solid #f1f8f3;

    box-sizing: border-box;

    box-shadow: none;

    margin:0 auto;

}

.wall .hub-list{

    background: #191c1a;

}





.wall .content a {

    color: #114a24;

    font-family: Arial, Helvetica, sans-serif;

    margin: 0 auto;

}

.wall p {

    margin: 0;

    padding: 0;

    text-align: left;

    text-transform: none;

}



.wall .content .content-body {

    color: #f1f8f3;

    font-size: 1vw;

    line-height: 1.4;

    text-transform: uppercase;

    font-family: Arial, Helvetica, sans-serif;

    letter-spacing: 1px;

}



.wall .content .content-attachment.content-attachment-link {

    background: #191c1a;

    border: none;

}



.wall .content .content-attachment-link-body {

    padding: 0;

}



.wall .content-created-at {

    position: absolute;

    margin: 0;

    top: 23px;

    right: 11px;

    color: #a4a4a4;

}



.wall .content-created-at a {

    color: #a4a4a4;

    text-decoration:none;

}

.wall .content .content-created-at{

    margin: 0;

}



.wall .content.content-tweet .content-source-logo {

    margin-top: 21px;

}



.wall .content .content-attachments-stacked .content-attachment-link {

    min-height: min-content;

}



.wall .content .content-byline .content-author-name, .wall .content .content-author-username {

    color: #a4a4a4;

    text-align: left;

}



/*feed css ends*/



/*streaming services*/

.streamingServices {

    position: absolute;

    width: 20vw;

    top: 70vw;

    right: 21.6vw;

}



ul, li {

    margin: 0 auto;

    padding: 0;

    list-style: none;

}



ul.streamItems li a {

    font-size: 0;

}



ul.streamItems li a i {

    font-size: 1vw;

    color:#f1f8f3;

    cursor: pointer;

}



ul.streamItems li a.active i {

    opacity: 0.4;

}

ul.streamItems li {

    display: inline-block;

    vertical-align: middle;

    margin-right: 15px;

}

ul.streamEmbeds {

    width: 15vw;

    width:80%;

    margin: 0 auto;

    /* height: 22vw; */

}



ul.streamItems li:last-child {

    margin-right: 0;

}



.streamingHeader {

    color: #f1f8f3;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.3vw;

    letter-spacing: 2px;

    text-transform: capitalize;

}



ul.streamItems {

    margin: 0.5vw auto 0.7vw;

}



ul.streamItems li a.soundcloud i {

    font-size: 1.5vw;



}

/* ul.streamEmbeds li {

    height: inherit;

} */

ul.streamEmbeds li iframe {

    display: none;

    width: 100%;

    /* height: inherit; */

}

/*streaming ends*/



/*footer*/

body.twitterPage footer {

    position: absolute;

    display: block;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0;

    width:100%;



}

.twitterPage .mobileWrapper{

    display: none;

}

body.twitterPage {

    position: relative;

}



body.twitterPage .copyright, body.twitterPage .copyright a , body.twitterPage .socials > a{

    color: #fff;

}



body.twitterPage .copyright {

    padding-bottom: 1vw;

}

/*footer ends*/

body.twitterPage a.getitnow {

    display: block;

    font-size: 16px;

    font-family: Arial, Helvetica, sans-serif;

    color: #f1f8f3;

    letter-spacing: 2px;

    text-decoration: none;

    border-bottom: 1px solid;

    width: 98px;

    margin: 10px auto;

}

body.twitterPage a.getitnow:hover {

    opacity:0.5;

}

body.twitterPage .getitnow {

    display: block;

    text-align: center;

}



@media only screen and (max-width:767px){

    .twitterPage .mobileWrapper{

        display: block;

    }

    body.twitterPage {

        background: url(../images/mobBg.jpg) no-repeat;

        background-size: cover;

    }

    body.twitterPage .mob {

        display: block;

        margin: 0 auto;

        width: 100%;

    }

    

    .rightContent a {

        position: initial;

        width: 80vw;

        height: 25vw;

        display: block;

        margin-top: 6vw;

        margin-right: 2vw;

        float:right;

    }

    .streamingServices {

        position: absolute;

        width: 43.5vw;

        top: 116vw;

        right: 27.6vw;

        height: 60vw;

        overflow: hidden;

        padding: 3vw 0px 4.1vw;

        /* background: #f1f8f2; */

    }

    

    body.twitterPage .streamFrame .mob {

        width: 85%;

    }

    .streamFrame {

        margin: 7vw auto 4vw;

    }

    ul.streamItems li a i {

        font-size: 3vw;

    }

    

    ul.streamItems li a.soundcloud i {

        font-size: 4vw;

    }

    

    .streamingHeader {

        font-size: 2.5vw;

    }

    ul.streamEmbeds {

        width: 85%;

    }

    .wall.left {

        /* top: initial; */

        /* bottom: -11%; */

        top: 50.4%;

        left: 19vw;

        width: 71vw;

        height: 87vw;

        transform: translateY(-50%);

    }

    

    .wall .content.content-with-image .content-header {

        box-shadow: none;

        /* background-image: none; */

    }

    

    .wall.right {

        top: 74.4%;

        left: 19vw;

        width: 71vw;

        /* width: 39.9vh; */

        height: 87vw;

        transform: translateY(-50%);

    }

    img.desk {

        display: none;

    }

    body.twitterPage a.getitnow{

		font-size: 10px;

    	width: 70px;

	}

	body.twitterPage ul.streamEmbeds li iframe{

    	    height: 65vw;

	}



	body.twitterPage .streamFrame .mob{

		    width: 100%;

	}

    .streamingServices{

            height: 80vw;

    }

    

}

@media only screen and (min-width:768px) and (max-width:1024px){

    .desk{

        display: block;

    }

    .wall.left, .wall.right {

        width: 22.4vw;

        height: 26vw;

    }

    

    .wall.right {

        right: 5vw;

    }

    

    ul.streamEmbeds {

        height: 22vw;

        overflow: hidden;

    }

    

    /* ul.streamEmbeds li iframe {

        height: 100%;

    } */

    .socials {

        margin-bottom: 5px;

    }

    

    body.twitterPage .copyright {

        padding-bottom: 0.4vw;

    }

}



@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    .wall.left, .wall.right {

        width: 21.4vw;

    }

    

    .wall.right {

        right: 6vw;

    }

}



@media only screen and (min-width:1403px){

    .wall.right { 

        top: 8.7vw;

        right: 8.9vw;

        width: 18vw;

    }



    .wall.left {

        width: 19.55vw;

        top: 36vw;

    }

}