html {
height: 100vh;
}
body {
margin: 0;
padding: 0;
font-style: normal;
font-family: "futura-pt";
font-weight: 400;
color: #1F1F1F;
text-align: center;
text-transform: uppercase;
font-weight: bold;
height: 100vh;
background: url("../images/bgOrangeWave.jpg") #F54C11;
}
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
img {
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
}
a:hover, a.active {
text-decoration: none;
}
body .inner {
margin: 0 auto;
max-width: 92.34vw;
}
.mobile {
display: block;
}
.always {
display: block
}
#header {
background: none #EC1F27;
}
#header .inner a {
max-width: 91.25vw;
margin: 0 auto;
display: block;
padding: 6.7vw 0 5.2vw;
}
.jbhifi {
background:none yellow !important;
}
#footer .dspButtons .buttons .jbhifi.bottom img {
width: 92%;
height: 100%;
}
#content .album {
background: none #87764E;
color: #39B54A;
padding-bottom: 10.8vw;
}
#content .album .left, #content .album .right {
width: 100%;
}
#content .album .left {
padding: 8.1vw 0 8.4vw;
}
#content .album .albumtitle {
font-size: 7.66vw;
color: #39B54A;
}
#content .album .albumName {
max-width: 87.66vw;
margin: 0 auto;
padding: 2.7vw 0 1.4vw;
}
#content .album .availablity {
font-size: 7.34vw;
color:#F54C11;
text-transform: uppercase;
}
#content .album .availablity sup {
font-size: 4.4vw;
}
#content .album .right a {
border: 0.8vw solid #60C26D;
display: block;
max-width: 61.88vw;
margin: 0 auto;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#content .album .right a img{
width:100%;
}
#content .specialOffers {
background: url("../images/bg_wave_pink.jpg") transparent;
padding: 11.7vw 0 13vw;
}
#content .specialOffers .text {
font-size: 5.56vw;
color: #F9F9F9;
line-height: 5.56vw;
}
#content .specialOffers .offerButtons {
font-size: 0;
padding: 7.1vw 0 0 0;
}
#content .specialOffers .offerButtons a {
display: inline-block;
vertical-align: middle;
font-size: 4.36vw;
color: #FFF;
padding: 2.6vw 0vw 2.6vw 0vw;
width: 48.5%;
}
#content .specialOffers .offerButtons a.store {
line-height: 3.8vw;
margin-left: 3%;
padding: 1.56vw 0;
}
#footer {
background: url("../images/bgOrangeWave.jpg") #F54C11;
padding: 12.1vw 0 8.2vw;
}
#footer .dspButtons .title {
font-size: 5.78vw;
color: #FFF;
margin-bottom: 4.2vw;
}
#footer .dspButtons .buttons a {
display: inline-block;
vertical-align: middle;
font-size: 0;
height: 14.22vw;
}
#footer .dspButtons .buttons a img {
width: 100%;
height: 100%;
}
#footer .dspButtons .buttons a.itunes {
width: 38.3vw;
}
#footer .dspButtons .buttons a.MightyApe {
width: 33vw;
height: 13.59vw;
border: none;
border-radius: 1.5vw;
background: none #ffffff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#footer .dspButtons .buttons a.jbhifi {
width: 33vw;
height: 13.59vw;
border: none;
border-radius: 1.5vw;
background: none #ffffff;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#footer .dspButtons .buttons a.amazon {
width: 33vw;
height: 13.59vw;
border: 1px solid #b1b3b6;
border-radius: 1.5vw;
background: none #000000;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#footer .dspButtons .buttons a.spotify {
width: 36.66vw;
border: 0.4vw solid #b1b3b6;
border-radius: 1.5vw;
background: none #000;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#footer .dspButtons .buttons a.gPlay , #footer .dspButtons .buttons a.recordStore {
width: 46vw;
}
#footer .dspButtons .buttons a.left {
margin-right: 2.5vw;
}
#footer .dspButtons .buttons a.bottom {
margin-bottom: 2.7vw;
}
a.enterSite {
font-size: 5.38vw;
width: 42.19vw;
padding: 1.6vw 0;
margin: 12.7vw 0 12vw;
display: inline-block;
}
.offerButtons a, a.enterSite {
color: #FFF;
background: none #39B54A;
}
.offerButtons a:hover, a.enterSite:hover {
background: none #7D52A2;
}
#footer .inner a, #footer .inner span {
display: inline-block;
vertical-align: middle;
}
#footer .inner span.footer_sep {
margin-top: 0;
position:relative;
top:-0.1vw;
}
#footer .inner span, #footer .inner a{
font-size: 3vw;
color: #1F1F1F;
font-weight: 500;
letter-spacing: 1px;
line-height: 4.3vw;
}
#footer .inner span.footer_sep.mobile{
margin: 0;
font-size: 0;
line-height: 0;
display: block;
}
@media only screen and (min-width: 768px) {
body .inner {
margin: 0 auto;
max-width: 70vw;
}
.mobile {
display: none;
}
#header .inner a {
max-width: 49.72vw;
padding: 4.5vw 0 3.1vw;
}
#content .album {
font-size: 0;
padding: 3vw 0 4.2vw;
}
#content .album .albumtitle br{
display:none;
}
#content .album .left, #content .album .right {
display: inline-block;
vertical-align: text-top;
}
#content .album .left {
width: 51.66%;
margin-right: 6.34%;
padding: 0;
}
#content .album .albumName {
max-width: 31.4vw;
padding: 1vw 0 1.3vw;
}
#content .album .right {
width: 42%;
}
#content .album .right a {
max-width: 27.5vw;
box-sizing: content-box;
-webkit-box-sizing: content-box;
border-width: 0.5vw;
-moz-box-sizing: content-box;
}
#content .album .albumtitle {
font-size: 2.5vw;
}
#content .album .availablity {
font-size: 2.5vw;
padding: 0 0 40px 0;
}
#content .album .availablity sup {
font-size: 1.7vw;
}
#content .specialOffers .text {
font-size: 2.43vw;
line-height: normal;
}
#content .specialOffers .offerButtons {
padding-top: 2.9vw;
}
#content .specialOffers .offerButtons a {
font-size: 1.87vw;
padding: 0.87vw 2.25vw;
width: auto;
margin: 0 auto;
max-width: 500px;
}
#content .specialOffers .offerButtons a.store {
line-height: 1.7vw;
padding: 0.4vw 2.25vw;
margin-left: 1.4vw;
}
#content .specialOffers {
padding: 4vw 0;
}
#footer {
padding: 5.8vw 0 2.4vw 0;
}
body #footer .inner {
font-size: 0;
}
#footer .dspButtons .title {
font-size: 2.08vw;
margin-bottom: 2.25vw;
}
#footer .dspButtons .buttons a.left, #footer .dspButtons .buttons a.bottom {
margin: 0;
}
#footer .dspButtons .buttons a {
height: 3.47vw;
}
#footer .dspButtons .buttons a.left, #footer .dspButtons .buttons a.bottom {
margin: 0 0.8vw 0 0;
}
#footer .dspButtons .buttons a:last-child {
margin: 0;
}
#footer .dspButtons .buttons a.itunes {
width: 9.31vw;
}
#footer .dspButtons .buttons a.jbhifi {
width: 8.05vw;
height: 3.33vw;
border-radius: 0.4vw;
}
#footer .dspButtons .buttons a.MightyApe {
width: 8.05vw;
height: 3.33vw;
border-radius: 0.4vw;
}
#footer .dspButtons .buttons a.amazon {
width: 8.05vw;
height: 3.33vw;
border-radius: 0.7vw;
}
#footer .dspButtons .buttons a.spotify {
width: 9.16vw;
border: 1px solid #b1b3b6;
border-radius: 0.4vw;
}
#footer .dspButtons .buttons a.gPlay {
width: 11.74vw;
}
#footer .dspButtons .buttons a.recordStore {
width: 11.74vw;
}
a.enterSite {
font-size: 1.87vw;
padding: 0.55vw 0;
width: 14.58vw;
margin: 5.4vw 0 5.6vw;
}
#footer .inner span.copyinfo, #footer .inner a {
font-size: 0.9vw;
line-height: normal;
letter-spacing: 0;
font-weight: bold;
}
#footer .inner span.mobile {
display: inline-block;
}
#footer .inner span.footer_sep.mobile, #footer .inner span.footer_sep{
font-size: 1vw;
display: inline-block;
vertical-align: middle;
padding: 0 0.3vw;
line-height: 0;
margin: 0;
}
}
/*New Dsp Buttons NZ Stylings*/
#footer .dspButtons .buttons a.MightyApe.left.bottom {
width: 16.05vw;
border-radius: 0;
}
#footer .dspButtons .buttons a.MightyApe.left.bottom img {
width: 15vw;
height: 3vw;
margin-top: .15vw;
}
#footer .dspButtons .buttons a.jbhifi.bottom {
width: 14.05vw;
border-radius: 0;
}
@media only screen and (max-width: 767px){
#footer .dspButtons .buttons a.MightyApe.left.bottom img {
width: 58vw;
height: 11.59vw;
margin-top: 1vw;
}
#footer .dspButtons .buttons a.jbhifi.bottom {
width: 50.05vw;
border-radius: 0;
display: block;
text-align: center;
margin: 0 auto;
margin-bottom: 2.7vw;
}
#footer .dspButtons .buttons a.MightyApe.left.bottom {
width: 60vw;
display: block;
margin: 0 auto;
margin-bottom: 2.7vw;
}
#footer .dspButtons .buttons a.left {
margin-right: 0;
}
#footer .dspButtons .buttons a.gPlay, #footer .dspButtons .buttons a.spotify ,#footer .dspButtons .buttons a.recordStore{
vertical-align: baseline;
}
#footer .dspButtons .buttons a.spotify.bottom {
margin-right: 2vw;
}
}
.description {
font-size: 20px;
color: #fff;
text-transform: none;
font-weight:500;
}
.author {
text-transform: uppercase;
font-weight: 800;
font-size: 20px;
padding: 0 0 20px 0;
}
.video-embed {
position: relative;
padding-top: 56.25%;
height: 0;
border: 5px solid #60C26D;
box-sizing: border-box;
}
.video-embed iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.video-title {
font-size: 25px;
color: #fff;
text-transform: none;
font-weight: 900;
margin: 15px 0 15px 0;
}
@media only screen and (max-width:1250px){
.description br{
display:none;
}
body .inner{
max-width:85.72vw;
}
.video-title{
font-size:20px;
}
}
@media only screen and (min-width:1024px) and (max-width:1300px){
.video-title{
font-size:25px;
}
.description br{
display:none;
}
}
@media only screen and (max-width:767px){
#content .album{
padding-top:10.8vw;
}
#content .album .availablity {
font-size: 6vw;
}
.video-title {
font-size: 5vw;
}
}
@media only screen and (min-width:1024px){
body .inner {
max-width: 77vw;
}
#content .album .left {
margin-right: 4.34%;
}
.video-title {
font-size: 2vw;
}
.description {
font-size: 1.38vw;
}
.author{
font-size: 1.38vw;
}
.video-embed {
height: 21vw;
width: 35vw;
border: 0.4vw solid #60C26D;
}
.video-title{
margin-top: 0;
}
#content .album .right{
float: right;
}
.StoreImageWrapper {
margin-top: 3.68vw;
}
}
@media only screen and (max-width:767px){
.StoreImageWrapper{
margin-top: 5vw;
}
}
.StoreImageWrapper{
display: block;
text-align: center;
}
.StoreImageWrapper a{
background: none;
}
.StoreImageWrapper a:hover{
background: none;
}
@media only screen and (min-width: 1400px){
#content .specialOffers .offerButtons a{
max-width: none;
margin: 0;
}
}
@media only screen and (min-width:768px) and (max-width:1023px){
#content .album .right{
display: block;
text-align: center;
margin: 0 auto;
margin-bottom: 20px;
}
#content .album .left{
margin-right: 0;
}
.StoreImageWrapper{
margin-top: 5vw;
}
}
/*New Dsp Buttons NZ Stylings Ends*/