@charset "utf-8";
/*-- Last updated:  22-Mar-2018     Version: 1.0                         */
/*-- Copyright 2018  MusicBiz Enterprises, All rights reserved.          */
/* songPlayer.css must be included before this file, followed by         */
/* songList.css must be included before this file                        */


#mContainer_padMusic {
   height: 140px;   /* header is 160px, hidden site logo has margin: 10px 0 10px 0  */
}


/*-------------------*/
/*  Music Container  */
/*--------------------*/
.mContainer_musicMusic {
   clear: both;
   width: 100%;
   height: 850px;
}


/*-----------------------------------------------*/
/*  SongList -- defined in mStyles6_Custom_JLsax */
/*-----------------------------------------------*/
.mContainer_musicSongs {
   width: 100%;
   height: 850px;
}



.mContainer_musicSongs_Cruisin {
   /* background-image: url('../images/JLsax_Cruisin_insideFlap_01.jpg'); /* url is relative to style sheet  */
   /* background-repeat: no-repeat; */
   /* background-size: cover; */
}
.mContainer_musicSongs_CityLights {
   /* background-image: url('../images/cityLights_cobblestone_01.jpg');  */
   /* background-repeat: no-repeat;  */
   /* background-size: cover;  */
}
.mContainer_musicSongs_ChristmasSpirit {
}


/*---------------*/
/* Music Video   */
/*---------------*/
.mContainer_musicVideo {
   clear: both;
   float: left;
   width: 100%;
}

.mVideo_Box_Music {
   margin: 0 auto;
   width: 50%;
   padding-left: 40%;
}
.mVideo_Heading_Music {
   width: 100%;
}
.mVideo_Heading_MusicText, .mVideo_Heading_MusicDate {
   width: 100%;
   padding: 0 0 0.5rem 0;
}
.mVideo_iFrame_HolyNight {
   width: 448px;
   height: 268px;
}


/*---------------*/
/*  Song Credits */
/*---------------*/
.mSong_CreditBox {
   clear: both;
   width: 100%;
   padding-top: 5px;
}
.mSong_Credit {
   width: 100%;
   margin: 0 auto;
   font-weight: normal;
}
.mSong_Credit_Row {
   width: 100%;
   margin-bottom: 5px;
}

.mSong_Credit_Instrument {
   float: left;
   width: 50%;
   font-size: 1.5em;
   font-weight: normal;
   text-align: right;
}
.mSong_Credit_Artist {
   float: left;
   width: 48%;
   padding-left: 2%;
   font-size: 1.5em;
   font-weight: normal;
   text-align: left;
}

/*--------------*/
/*  ArtistList  */
/*--------------*/
.mContainer_musicArtist {
   width: 100%;
   height: 1100px;
}
.mArtistList_Box {
   clear: both;
   width: 100%;
   padding-top: 10px;
}
.mArtist_Row {
   clear: both;
   width: 100%;
   padding-top: 50px;
   font-size: 2em;
   font-size: 2rem;
}
.mArtist_Name {
   float: left;
   width: 12%;
   margin-left: 16%;
   text-align: left;
   background-color: transparent;
}
.mArtist_NameSeparator {
   float: left;
   width: 2%;
   text-align: center;
   background-color: transparent;
}
.mArtist_Part {
   float: left;
   width: 60%;
   text-align: left;
   font-size: 2rem;
   background-color: transparent;
}
.mArtist_PartSong {
   margin-top: 16px;
   padding-left: 5%;
   font-style: italic;
}

/*----------------*/
/*  musicHoliday  */
/*----------------*/
.mContainer_musicHoliday {
   clear: both;
   width: 100%;
   height: 800px;
   color: black;
   }
.mAlbumCover_Box_Holiday {
   float: left;
   width: 45%;
   padding: 50px 0 50px 0;
   margin: 0;
   }
img.mHolidayCover_Pic {
   width: 480px;
   margin: 0 auto;
   border: 2px solid white;
   }
.mHolidayLink_Box {
   float: left;
   width: 50%;
   padding: 50px 5% 0 0;
   margin: 0;
   }
.mAlbumLink_Title_Holiday {
   float: left;
   width: 100%;
   padding-bottom: 10px;
   font-size: 4em;
   font-size: 4rem;
   text-align: center;
   }
.mAlbumLink_Holiday {
   float: left;
   margin: 0;
   padding: 20px 0 0 0;
   }
img.mHolidayLink_Pic {
   display: block;
   clear: both;
   width: 200px;
   margin: 0 auto;
   }
   
.mHolidayLink_Box, .mAlbumLink_Title_Holiday, .mAlbumLink_Title, .mAlbumLink_Row {
   color: inherit;
   background-color: inherit;
}

/*----------*/
/* LinkBox  */
/*----------*/
.releaseLinks, .album_Links, .single_Links {
   float: left;
   width: 50%;
   padding: 50px 0 50px 0;
   margin: 0;
   /*background-color: red; */
 }
.release_linkBox {
   width: 100%;
   margin: 0px auto;
 }

.link_Box {
   background: transparent;
   /* background-color:bisque; */
   /* background-color: rgb(227, 178, 245); */
}
.linkTitle, .album_LinkTitle, .single_LinkTitle {
    color: black;
   /* background-color: white; */
}
.linkRef, .album_linkRef, .single_linkRef {
   float: left;
   margin: 0;
   padding: 20px 0 0 0;
}
.linkRef_background {
   /* background-color: rgb(227,178,245); */
}
img.linkRef_Pic {
   display: block;
   clear: both;
   width: 200px;
   margin: 0 auto;
   }

.mAlbumTitle_Box, .album_TitleBox, .single_TitleBox {
   float: left;
   width: 100%;
}
.mAlbumTitle_Text, .album_TitleText, .single_TitleText {
   float: left;
   width: 100%;
   padding: 50px 0 50px 0;
   font-family: 'Coda Caption', sans-serif;
   font-size: 10em;
   font-weight: normal;
   text-align: center;
}
.mAlbumTitle_PhotoBox, .albumTitle_photoBox, .singleTitle_photoBox {
   margin: 40px 0 30px 0;
}


.mAlbumLink_Box {
   float: left;
   width: 50%;
}
.album_linkBox, .single_linkBox {
   float: left;
   width: 100%;
}
.mAlbumLink_Box, .album_linkBox, .single_linkBox {
   padding: 30px 5% 0 0;
   margin: 0;
}

.mAlbumLink_Row, .album_linkRow, .single_linkRow {
   float: left;
   width: 100%;
}
.mAlbumLink_Title, .album_linkTitle, .single_linkTitle {
   float: left;
   width: 100%;
   padding: 0;
   font-size: 4em;
   font-size: 4rem;
   text-align: center;
}
.mAlbumTitle_Pic, .albumTitle_pic, .singleTitle_pic {
}
img.mAlbumTitle_Pic, img.albumTitle_pic, img.singleTitle_pic {
   width: 828px;
   margin: 0 auto;
}

.mAlbumLink, .albumLink, .singleLink {
   float: left;
   margin: 0;
   padding: 20px 0 0 0;
}
.mAlbumLink_25, .albumLink_25, .singleLink_25 {
   width: 25%;
}
.mAlbumLink_33, .albumLink_33, .singleLink_33 {
   width: 33%;
}
.mAlbumLink_50, .albumLink_50, .singleLink_50 {
   width: 50%;
}
.mAlbumLink_100, .albumLink_100, .singleLink_100 {
   width: 100%;
}

.mAlbumLink_Pic, .albumLink_pic, .singleLink_pic {
}
img.mAlbumLink_Pic, img.albumLink_pic, img.singleLink_pic {
   display: block;
   clear: both;
   width: 200px;
   margin: 0 auto;
}
#mAlbumLink_Title_Stream, #album_linkTitle_Stream, #single_linkTitle_Stream {
   font-size: 2rem;
   padding-top: 20px;
   padding-bottom: 10px;
   text-align: center;
}
#mAlbumLink_Title_Download, #album_linkTitle_Download, #single_linkTitle_Download {
   font-size: 2rem;
   padding-top: 20px;
   padding-bottom: 10px;
   text-align: center;
}
#mAlbumLink_Title_CD, #album_linkTitle_CD, #single_linkTitle_CD {
   font-size: 2rem;
   padding-top: 20px;
   padding-bottom: 10px;
   text-align: center;
}
#mAlbumLink_CDBaby, #albumLink_CDBaby, #singleLink_CDBaby {
/*
   width: 100%;
   padding: 20px 0 0 41%;
*/
}


/*---------------*/
/*  Artist Links */
/*---------------*/
.artist_linkBox {
   width: 50%;
   padding: 50px 0 0 0;
   margin: auto;
}
.artist_linkRow {
   width: 100%;
}


/*-----------------------*/
/*  @media definitions   */
/*-----------------------*/
@media only screen and (max-width: 1920px) { 
   .mContainer_musicMusic {
      height: 800px;
   }

}

@media only screen and (max-width: 1540px) {
   img.linkRef_Pic, img.mAlbumLink_Pic, img.albumLink_pic, img.singleLink_pic, img.mHolidayLink_Pic  {
      width: 150px;
   }

}

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

   .mArtist_Name {
      width: 16%;
      margin-left: 18%;
   }
   .mArtist_Part {
      width: 60%;
   }
   #mAlbumLink_blank01 {
      display: none;
   }
}

@media only screen and (max-width: 1366px) { /* iPad Pro 12.9" view port size is 1366 x 1024 */
   .mContainer_musicMusic {
      height: 800px;
   }

   .mArtist_Name {
      width: 20%;
      margin-left: 14%;
   }
   .mArtist_Part {
      width: 60%;
   }
   
   .mVideo_Box_Music {
      padding-left: 30%;
    }

}

@media only screen and (max-width: 1160px) {
   .mContainer_musicMusic {
      height: 850px;
   }

   .mAlbumLink_Box, .album_LinkBox, .single_LinkBox, .mHolidayLink_Box {
      padding: 70px 0 0 0;
   }
   .mAlbumLink_25, .albumLink_25, .singleLink_25 {
      width: 50%;
   }

}


@media only screen and (max-width: 1080px) {  /* Switch from menu bar to menu button */

   #mContainer_padMusic {
      height: 0px;
   }
   .mContainer_musicMusic {
      height: 1150px;
   }

   .mContainer_musicSongs_Cruisin {
/*      background-image: url('../images/JLsax_Cruisin_insideFlap_02.jpg'); */
   }
   .mContainer_musicSongs_CityLights {
/*      background-image: url('../images/cityLights_cobblestone_02.jpg'); */
   }
   .mContainer_musicSongs_ChristmasSpirit {
      width: 100%;
      padding-right: 0%;
   }

   .mContainer_musicHoliday {
      height: 1150px;
   }
   .mAlbumCover_Box_Holiday {
      width: 100%;
   }
   img.mHolidayCover_Pic {
      width: 460px;
      margin-top: 0px;
   }

   .releaseLinks, .album_Links, .single_Links, .mAlbumLink_Box, .album_linkBox, .single_linkBox, .mHolidayLink_Box {
      width: 100%;
      padding: 0 10% 0 10%;
   }
   .mAlbumLink_Title, .album_linkTitle, .single_linkTitle {
      padding-right: 0;
   }  

   .mArtist_Row {
      font-size: 1.5em;
      font-size: 1.5rem;
   }

}


@media only screen and (max-width: 1024px) { /* iPad, iPad Mini view port size is 1024 x 768 */
   .mVideo_Box_Music {
      padding-left: 28%;
    }

    .mAlbumLink_Title, .album_linkTitle, .single_linkTitle {
      font-size: 3em;
      font-size: 3rem;
   }
}


@media only screen and (max-width: 980px) {
    .releaseLinks, .album_Links, .single_Links, .mAlbumLink_Box, .album_linkBox, .single_linkBox, .artist_linkBox {
      width: 90%;
      margin-left: 5%;
   }
   .mAlbumLink_Title, .album_linkTitle, .single_linkTitle {
      font-size: 4em;
      font-size: 4rem;
   }
   img.linkRef_Pic, img.mAlbumLink_Pic, img.albumLink_pic, img.singleLink_pic, img.mHolidayLink_Pic  {
    width: 130px;
   }
}


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

   .mArtist_Name {
      width: 24%;
      margin-left: 10%;
   }
   .mArtist_Part {
      width: 60%;
   }
   .mSongList_spirit .mSong_Number {
      font-size: 20px;
   }
   .mSongList_spirit .mSong_Title {
      font-size: 20px;
   }

}

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

   .mArtist_Name {
      width: 28%;
      margin-left: 6%;
   }
   .mArtist_Part {
      width: 60%;
   }

   .mVideo_Box_Music, .mVideo_Heading_Music {
      width: 480px;
      padding-left: 20%;
    }
   
}


@media only screen and (max-width: 670px) {
   .mContainer_musicMusic {
      height: 1000px;
   }
   .mContainer_preOrder, .mContainer_order {   
      height: 620px;
   }
     
   .mContainer_musicHoliday {
      height: 1000px;
   }
   img.mHolidayCover_Pic {
      width: 320px;
      margin-top: 0px;
   }

   .mVideo_Box_Music, .mVideo_Heading_Music {
      padding-left: 10%;
    }   
}

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

   .mAlbumLink_25, .albumLink_25, .singleLink_25 {
      width: 50%;
   }
}


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

   .mArtist_Name {
      width: 33%;
      margin-left: 6%;
   }
   .mArtist_Part {
      width: 55%;
   }

   .mVideo_Box_Music, .mVideo_Heading_Music {
      width: 96%;
      padding-left: 2%;
    }
   
   .mVideo_iFrame_HolyNight {
      width: 380px;
      height: 227px;
   }

      
   .releaseLinks, .album_Links, .single_Links, .mAlbumLink_Box, .album_linkBox, .single_linkBox, .mHolidayLink_Box {
      width: 100%;
      margin-left: 0%;
      padding: 0 1% 0 1%;
   }
   .mAlbumLink_Title, .album_linkTitle, .single_linkTitle, .mAlbumLink_Title_Holiday {
      font-size: 3em;
      font-size: 3rem;
   }
   #mAlbumLink_blank01 {
      display: none;
   }
   .linkRef, .mAlbumLink, .albumLink, .singleLink, .mAlbumLink_Holiday {
      padding: 20px 0 0 8%;
   }
   .mAlbumLink_25 {
      width: 50%;
   }


}

@media only screen and (max-width: 500px) {
   .mContainer_musicHoliday {
      height: 1050px;
   }

}


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

   .mContainer_musicSongs_CityLights  {
      /* background-image: none;  */
      /* background-color: rgb(81,25,21); */
   }
   .mSongList_spirit .mSong_playBTN {
      padding-left: 15%;
   }
   .mSongList_spirit .mSong_Title {
      width: 50%;
   }
   .mSong_Number, .mSong_Title {
      font-size: 20px;
   }
   .mSong_Title {
      width: 63%;
   }

   .mAlbumLink_33 {
      width: 50%;
   }

}


@media only screen and (max-width: 414px) { /* iPhone 8 plus view port size is 414 x 736 */

   .mVideo_Box_Music, .mVideo_Heading_Music {
      width: 96%;
      padding-left: 2%;
    }
   
   .mVideo_iFrame_HolyNight {
      width: 380px;
      height: 227px;
   }

   .mAlbumLink_Title, .album_linkTitle, .single_linkTitle {
      font-size: 2.5em;
      font-size: 2.5rem;
   }
   .linkRef, .mAlbumLink, .albumLink, .singleLink, .mAlbumLink_Holiday {
      padding-left: 0%;
   }     
}