html, body {
margin: 0;
padding: 0;
background:#fff;
}
body a, body a:hover, body a:active, body a:focus, body object, body embed {
outline: 0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
line-height: 1;
font-family: inherit;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: 0;
}
a{
color:rgb(222, 214, 203);
}
a:hover, a:active {
outline: 0;
}
img {
max-width: 100%;
height: auto;
}
.innerWrapper {
background: #000;
margin-top: -9.5%;
position: relative;
}
.headerLogo {
/* width: 830px;
margin: 0 auto 50px;
font-size: 0;
padding-top: 40px;
max-width: 80%;*/
position: relative;
}
.headerImg {
width: 830px;
margin: 0 auto 50px;
font-size: 0;
padding-top: 40px;
max-width: 80%;
}
.videoSection {
position: relative;
display: block;
font-size: 0;
max-width: 800px;
margin: 0 auto 60px;
}
.videoMoreBtn{
margin: 0 auto;
text-align: center;
margin-top: 0;
margin-bottom: 130px;
}
.listenBtn{
display: inline-block;
}
.moreSection {
/*position: absolute;*/
right: 40px;
top: 40px;
}
.splashWrapper {
position: relative;
}
.moreText {
color: #000;
font-size: 16px;
font-family: 'Rubik', sans-serif;
font-weight: bold;
letter-spacing: 0.8px;
}
.videoMoreBtn a,.listenBtn a,.albumBuy a,.merchBuy a{
width: 140px;
height: 30px;
line-height: 30px;
background: #0000FE;
color: #fff;
font-size: 13px;
text-decoration: none;
display: block;
text-align: center;
margin: 0 auto;
font-family: 'Rubik', sans-serif;
font-weight: bold;
letter-spacing: 0.65px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
text-transform: uppercase;
border: 1px solid #0000fe;
}
a.albumBuyBtn {
margin-top: 20px;
}
.videoMoreBtn a:hover, .listenBtn a:hover, .albumBuy a:hover, .merchBuy a:hover{
background: #fff;
color: #000;
}
.videoWrapper {
cursor: pointer;
position: relative;
margin:18px;
margin-top:0;
}
.videoWrapper img {
width: 100%;
}
.play-button1.playicon-play {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 51%;
z-index: 100;
position: absolute;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
cursor: pointer;
}
.play-button1.playicon-play span {border-top: 40px solid transparent;border-bottom: 40px solid transparent;border-left: 72px solid #fff;width: 0;height: 0;font-size: 0;}
.play-button1.playicon-play i.fa.fa-play {
font-size: 60px;
}
.play-button1.playicon-play:hover {
opacity: 0.5;
}
.videoPlayer.active {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin: 0 auto;
}
.videoPlayer.active iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.music-wrapper,.merch-wrapper {
max-width: 536px;
margin: 0 auto 96px;
font-size: 0;
}
.music-wrapper li.views-row {
display: inline-block;
width: 46%;
margin: 0 auto;
vertical-align: top;
margin-right: 20px;
}
.music-wrapper li.views-row:last-child {
margin-right: 0;
}
.music-wrapper {
max-width: 760px;
}
.music-wrapper ul {
text-align: center;
margin: 0 auto;
}
.merch-wrapper .merchImg {
font-size: 0;
width: 40%;
display: inline-block;
vertical-align: middle;
}
.merch-wrapper .merchDetail {
display: inline-block;
vertical-align: middle;
width: 47.5%;
margin-left: 10%;
}
.merch-wrapper .merchImg {
width: 50%;
}
.merch-wrapper .merchDetail {
width: 42%;
margin-left: 10px;
}
.music-wrapper .albumDetail .albumName,.merch-wrapper .merchDetail .merchName {
font-family: 'Rubik', sans-serif;
font-size: 20px;
color: #fff;
font-style: normal;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 20px;
text-align: center;
line-height: 1.5;
}
.merch-wrapper .merchDetail .merchName {
margin-bottom: 15px;
}
.music-wrapper .albumDetail .albumBuy,.merch-wrapper .merchDetail .merchBuy {
text-align: center;
}
.music-wrapper .albumDetail .albumBuy a:hover, .merch-wrapper .merchDetail .merchBuy a:hover{
background: #fff;
color: #000;
}
.merch-wrapper{
padding-bottom: 55px;
margin-bottom: 0;
max-width: 760px;
}
.socialLinks, .enter-site {
max-width: 522px;
margin: 0 auto;
}
.footerWrapper {
padding-top: 70px;
background: #FF2625;
}
.socialLinks {
font-size: 10px;
text-align: center;
}
.socialLinks a {
display: inline-block;
font-size: 20px;
margin-right: 25px;
text-align: center;
color: #fff;
vertical-align: middle;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.socialLinks a:last-child {
margin-right: 0;
}
.socialLinks a.icon-soundcloud.sociala {
font-size: 26px;
}
.socialLinks a:first-child {
margin-left: 14px;
}
.socialLinks a:hover {
opacity: 0.5;
}
.footerWrapper .enter-site {
text-align: center;
margin: 50px auto;
}
.enter-site a {
font-size: 16px;
font-family: 'Rubik', sans-serif;
color: #fff;
font-style: normal;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
width: 140px;
padding: 0;
background: #0000FE;
height: 34px;
line-height: 36px;
display: inline-block;
text-decoration: none;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
border: 1px solid #0000FE !important;
}
.enter-site a:hover{
background: #fff;
color: #000;
}
.copyright {
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 11px;
text-align: center;
height: 100px;
padding-bottom: 15px;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #fff;
}
br.mob {
display: none;
}
.copyright a{
font-family: "Rubik", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 11px;
color: #fff;
text-decoration:none;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
span.divider {
opacity: 0;
}
.copyright a:hover{
opacity:0.5;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.copyright a {
font-size: 2.8vw;
}
.copyright {
font-size: 2.8vw;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.copyright a {
font-size: 11px;
}
.copyright {
font-size: 11px;
}
}
@media only screen and (max-width: 767px) {
.headerImg {
max-width: 80%;
margin: 0 auto 35px;
padding-top: 44px;
}
/*.headerLogo {
max-width: 80%;
margin: 0 auto 35px;
padding-top: 44px;
}*/
.play-button1.playicon-play span {
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 52px solid #fff;
}
.music-wrapper .albumImg, .merch-wrapper .merchImg {
width: 72%;
display: block;
margin: 0 auto 20px;
}
.merch-wrapper .merchImg {
width: 80%;
}
.music-wrapper .albumImg img, .merch-wrapper .merchImg img {
width: 100%;
}
.videoSection {
margin-bottom: 20px;
}
.music-wrapper .albumDetail, .merch-wrapper .merchDetail {
display: block;
width: 95%;
margin: 0 auto;
text-align: center;
}
.music-wrapper{
margin-bottom: 55px;
}
.merch-wrapper {
padding-bottom: 55px;
margin-bottom:0;
}
.socialLinks a {
font-size: 25px;
margin-right: 16px;
}
.socialLinks a:first-child {
margin-left: 7px;
}
br.mob {
display: block;
}
.copyright {
line-height: 1.4;
}
.socialLinks {
margin-top: 10px;
}
}
.deskOnly{
display: block;
}
@media only screen and (max-width:767px){
.deskOnly{
display: none;
}
.moreSection {
position: unset;
right: unset;
top: unset;
text-align: center;
margin-top: 20px;
}
.videoMoreBtn {
margin: 0 auto;
text-align: center;
margin-top: 20px;
margin-bottom: 40px;
}
.music-wrapper li.views-row {
display: block;
width: 100%;
margin: 0 auto;
vertical-align: top;
margin-right: auto;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 1250px){
.moreSection {
position: unset;
right: unset;
top: unset;
text-align: center;
margin-top: 20px;
}
}
.outerWrapper img {
display: block;
margin-left: auto;
margin-right: auto;
width: 80%;
margin-top: -50px;
}
.preSection .listenBtn a {
width: 165px;
margin-right: 0;
}
.preSection {
/*position: absolute;
top: 40px;
right: 40px;*/
text-align: right;
margin-right: 20px;
}
.moreText span {
font-size: 40px;
margin-right: 6px;
}
@media only screen and (max-width: 1024px){
.preSection {
/* position: absolute;
top: 8px;
right: 40px;*/
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px){
.preSection {
position: unset;
top: unset;
right: unset;
margin: 20px;
}
}
.stickyCloseWrap.deskOnly {
/* position: absolute; */
/* right: 0; */
margin-right: 0;
text-align: right;
text-decoration: none;
display: inline-block;
}
.stickyCloseWrap a {
color: #fff;
text-decoration: none;
font-family: "Rubik", sans-serif;
font-weight: bold;
}
.new.preSection{
margin:20px;
margin-top: 50px;
}
@media only screen and (max-width: 812px) and (orientation: landscape){
.stickyCloseWrap{
display: none;
}
}
/*Video Carousel*/
div#videoContent .owl-theme .owl-nav {
display: none;
}
div#videoContent .owl-dots {
display: none;
}