@charset "utf-8";
/*-- Last updated:  22-Mar-2018     Version: 1.0                         */
/*-- Copyright 2018  MusicBiz Enterprises, All rights reserved.          */


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


/*---------------------*/
/*  Container Announce */
/*---------------------*/
.mContainer_Announce {
   position: relative;
   clear: both;
   float: left;
   width: 100%;
   height: auto;
   /*background-image: url("../images/announce_backgroundPic.jpg"); */
   /*
   background-image: url('../images/midmo_bandPic_01.jpg');  /* url is relative to this stylesheet */
   /* Center and scale the image nicely */
   /*background-position: center;
   background-repeat: no-repeat;
   background-size: cover;*/
}
.backgroundPic {
}
img.backgroundPic {
  /* display: block; */
  width: 100%;
  margin: 0px auto;
  opacity: 0.7;
}

/*------------------*/
/*  Announce Single */
/*------------------*/
.mContainer_AnnounceSingle {
    width: 100%;
    height: 1050px;
   }
.announceSingle_Box {
   position: relative;
   float: left;
   width: 50%;
   padding-top: 30px;
   padding-bottom: 20px;
}
.announceSingle_text1, .announceSingle_text2, .announceSingle_textTitle {
   margin: 0;
   padding-bottom: 20px;
   font-weight: bold;
   text-align: center;
   color: white;
   }
.announceSingle_text1 {
   font-size: 3em;
   font-size: 3rem;
   }
.announceSingle_textTitle{
   font-size: 3em;
   font-size: 3rem;
   }
.announceSingle_text2{
   font-size: 2em;
   font-size: 2rem;
   }
.announceSingle_photoBox {
    width: 100%
}
img.announceSingle_pic {
    display: block;
    height: auto;
    margin: 0 auto;
 }
.single_Links {
   width: 100%;
   padding: 0 5% 0 5%;
}
.single_linkBox {
   padding: 0 0 30px 0;
}

/*------------------*/
/*  Announce Album  */
/*------------------*/
.mContainer_AnnounceAlbum {
    height: 1350px;
   }
.announceAlbum_text1, .announceAlbum_text2, .announceAlbum_textTitle {
   position: absolute;
   margin: 0;
   padding-bottom: 50px;
   font-weight: bold;
   text-align: center;
   color: white;
   }
.announceAlbum_text1{
   left: 5%;
   top:  4%;
   font-size: 3em;
   font-size: 3rem;
   }
.announceAlbum_textTitle{
   left: 52%;
   top:  3%;
   font-size: 5em;
   font-size: 5rem;
   }
.announceAlbum_text2{
   left: 52%;
   top:  14%;
   font-size: 2em;
   font-size: 2rem;
   }
img.announceAlbum_pic1, img.announceAlbum_pic2 {
    position: absolute;
    width: 25%;
    height: auto;
    margin: 0;
    border: solid 1px white;
   }
 img.announceAlbum_pic1 {
    top: 20%;
    left: 73%;
    }
 img.announceAlbum_pic2 {
    top:  60%;
    left: 73%;
   } 
.releaseLinks {
}
.release_linkBox {
    position: absolute;
    margin: 0;
    left: 5%;
    top:  55%;
    width: 55%;
}


/*-------------------*/
/*  Album  - Legacy  */
/*-------------------*/
.mContainer_homeAlbumCover {
   clear: both;
   width: 100%;
   height: 1100px;
}
.albumAux_box {
   float: left;
   width: 100%;
   height: auto;
   margin: 0;
}
.albumBack_box {
   float: left;
   width: 50%;
   height: auto;
   margin: 0;
}
.albumBack_pic {
   padding-top: 15px;
}
img.albumBack_pic {
  display: block;
  width: 480px;
  margin: 0 auto;
}

/*-----------*/
/*  PreOrder */
/*-----------*/
.mContainer_preOrder {
   clear: both;
   width: 100%;
   height: 650px;
}

.mAlbum_preOrder_textBox {
   float: left;
   width: 100%;
   padding: 0;
   text-align: center;
}   
.mAlbum_preOrder_text1 {
   font-size: 3em;
   font-size: 3rem;
   margin: 0;
   padding-bottom: 50px;
   font-weight: bold;
   text-align: center;
   }
.mAlbum_preOrder_textTitle {
   font-size: 5em;
   font-size: 5rem;
   margin: 0;
   padding-bottom: 50px;
   font-weight: bold;
   text-align: center;
   }
.mAlbum_preOrder_picBox {
      float: left;
      width: 50%;
      height: auto;
      margin: 0;
   }

/*-----------*/
/*  Spotify  */
/*-----------*/
.mContainer_Spotify {
   clear: both;
   width: 100%;
   height: 500px;
}
.spotifyWidget_box {
   float: left;
   width: 100%;
}
.spotifyWidget_iframe {
   width: 100%;
   height: 450px;
   margin: 0;
   padding: 40px 25% 40px 25%;
}




/*--------------------------------------------------*/
/*  Album Links -- defined in mStyles6_Custom_JLsax */
/*--------------------------------------------------*/
.mContainer_homeAlbumLinks {
   clear: both;
   width: 100%;
   height: 850px;
}

/*-----------------------------------------------*/
/*  SongList -- defined in mStyles6_Custom_JLsax */
/*-----------------------------------------------*/
.mContainer_homeSongs {
   width: 100%;
   height: 750px;
}
.mContainer_musicSongs_Home {
   /*background-image: url('../../Music/images/JLsax_Cruisin_insideFlap_01.jpg'); /* url is relative to style sheet  */
   /*background-repeat: no-repeat; */
   /*background-size: cover; */
}
/* styles for Christmas Spirit */  
.mContainer_musicSongs {
   float: left;
   height:375px;
}

/*--------------*/
/*  ArtistList  */
/*--------------*/
.mContainer_homeArtist {
   width: 100%;
   height: 620px;
}
.mArtistList_Box {
   clear: both;
   width: 70%;
   padding-top: 10px;
   margin-left: 15%;
}
.mArtist_Row {
   clear: both;
   width: 100%;
}
.mArtist_Name {
   float: left;
   width: 33%;
   padding-bottom: 70px;
   text-align: center;
   font-size: 3em;
   font-size: 3rem;
   /*font-family: 'Montserrat', Helvetica, sans-serif, Arial, 'Raleway';*/
}
.mArtist_NameSeparator {
   float: left;
   width: 2%;
   text-align: center;
   font-size: 20px;
}
.mArtist_Part {
   float: left;
   width: 60%;
   text-align: left;
   font-size: 20px;
}

/*--------------*/
/*  Videos      */
/*--------------*/
.mContainer_homeVideos {
   width: 100%;
   height: auto;
}
#homeVideos_Box {
   float:left;
   width: 100%;
   margin: 0;
   padding: 0 0 80px 0;
}


/*--------------*/
/*  Events      */
/*--------------*/
.mContainer_homeEvents {
   width: 100%;
   height: auto;
}
#homeEvents_Box {
   float:left;
   width: 100%;
   margin: 0;
   padding: 0 0 80px 0;
}

/*--------------*/
/*  SocialList  */
/*--------------*/
.mContainer_homeSocial {
   width: 100%;
   height: 1000px;
}
.mSocialList_Box {
   clear: both;
   width: 70%;
   padding-top: 10px;
   margin-left: 15%;
}
.mSocial_Row {
   clear: both;
   width: 100%;
}
.mSocial_Box {
   float: left;
   width: 31.3%;
   margin-left: 2%;
}
.mSocial_Twitter {
   height: 500px;
   background-color: transparent;
}
.mSocial_Instagram {
   height: 500px;
   background-color: transparent;
}
.mSocial_Facebook {
   height: 500px;
   background-color: transparent;
}

.mSocial_LightWidget {
   clear: both;
   float: left;
   width: 100%;
   padding-top: 0px;
}




/*-----------------------*/
/*  @media definitions   */
/*-----------------------*/
@media only screen and (max-width: 1920px) {

    .mContainer_AnnounceAlbum {
        height: 1280px;
       }
    img.announceAlbum_pic2 {
        top:  58%; 
       }  

    .mContainer_homeAlbumLinks {
      height: 930px;
   }  
   
   .mSocialList_Box {
      width: 90%;
      margin-left: 10%;
   }
}

@media only screen and (max-width: 1800px) {
   img.announceAlbum_pic2 {
      top:  55%; 
     } 
   img.singleLink_pic  {
      width: 130px;
   } 
}

@media only screen and (max-width: 1650px) {
    .mContainer_AnnounceAlbum {
        height: 1080px;
       }
    img.announceAlbum_pic2 {
         top:  58%; 
        } 

   .announceSingle_textTitle, .announceSingle_text1, .announceSingle_text2 {
         font-size: 2em;
         font-size: 2rem;
         }
}   


@media only screen and (max-width: 1540px) {
   img.singleLink_pic  {
      width: 130px;
   }
}



@media only screen and (max-width: 1460px) {
    .mContainer_homeAlbumLinks {
      height: 820px;
     } 
    .mContainer_AnnounceAlbum {
        height: 950px;
       }

}

@media only screen and (max-width: 1366px) { /* iPad Pro 12.9" view port size is 1366 x 1024 */
   .mContainer_homeAlbumLinks {
      height: 800px;
   }
   .mArtistList_Box {
      width: 100%;
      margin-left: 0%;
   }
   .announceAlbum_text1 {
      font-size: 2em;
      font-size: 2rem;
   }
   .announceAlbum_textTitle {
      font-size: 4em;
      font-size: 4rem;
      }
   .announceAlbum_text2 {
      font-size: 1.5em;
      font-size: 1.5rem;
      }
    .release_textTitle{ 
        top: 7%;
    }
    .release_linkBox {
       top: 53%; 
    }

   .mContainer_AnnounceAlbum {
        height: 900px;
      }

}

@media only screen and (max-width: 1280px) {
   .mAlbum_preOrder_picBox, .albumBack_box {
      width: 50%;
      padding-top: 30px;
    }
   .spotifyWidget_box {
      width: 100%;
      padding-top: 30px;
    }
   .albumBack_pic {
      padding-top: 0;
    }

    .mContainer_AnnounceAlbum {
        height: 850px;
       }
   .announceAlbum_textTitle {
      font-size: 3em;
      font-size: 3rem;
      }

}

@media only screen and (max-width: 1160px) {
   .mContainer_homeAlbumLinks {
      height: 850px;
   }
   .mContainer_homeSocial {
      height: 1650px;
   }
   .mSocialList_Box {
      width: 100%;
      margin-left: 0%;
   }
   .mSocial_Box {
      width: 46%;
      margin: 30px 2% 0 2%;
   }
     
   .release_textTitle{ 
    top: 5%;
    }
   .release_linkBox {
    top: 34%;
    }

   img.announceAlbum_pic2 {
      top:  52%; 
   }  

   .mContainer_AnnounceSingle {
      /* height: 750px; */
      }
   .announceSingle_textTitle, .announceSingle_text2 {
      font-size: 1.5em;
      font-size: 1.5rem;
      }
   img.announceSingle_pic {
      width: 420px;
      height: 420px;
      }

}


@media only screen and (max-width: 1080px) {  /* Switch from menu bar to menu button */
   #mContainer_padHome {
      height: 0px;
   }

   .mContainer_homeAlbumCover {
      height: 650px;
   }
   
   .mArtist_Name {
      font-size: 2em;
      font-size: 2rem;
   }
   
   #homeEvents_Box {
      width: 100%;
      margin: 0;
   }  

   .mContainer_homeSocial {
      height: 2000px;
   }
   .mSocial_Box {
      width: 70%;
      margin: 30px 15% 0 15%;
   }

  .mContainer_AnnounceAlbum {
      height: 1050px;
      background-color:  rgb(70,42,113);
   }
   img.announceAlbum_pic1 {
      top: 32%;
      left: 8%;
      width: 30%;
      }
   img.announceAlbum_pic2 {
      top:  32%;
      left: 68%;
      width: 30%;
     } 

   .release_textTitle{
    font-size: 5em;
    font-size: 5rem;
    }
   .release_text2{
    top:  10%;
    font-size: 2em;
    font-size: 2rem;
    }
   .releaseLinks {
      position: absolute;
      width: 100%;
      top: 70%;
      /*background-color: red; */
    }
   .release_linkBox {
      position: relative;
      width: 100%;
      margin: 0px auto;
      left: 0;
    }
    .mAlbumLink_25 {
      width: 25%;
    }
}


@media only screen and (max-width: 980px) {
   .single_Links, .single_linkBox{
     width: 100%;
     margin-left: 0;
  }
}


@media only screen and (max-width: 996px) {
   
  .mContainer_preOrder, .mContainer_order {   
      height: 650px;
   }
   .mContainer_homeAlbumCover {
      height: 800px;
   }

   .mContainer_homeAlbumLinks {
      height: 1300px;
   }

   .mContainer_homeArtist {
      height: 700px;
   }
   .mArtistList_Box {
      width: 100%;
      margin-left: 0%;
   }
   .mArtist_Name {
      width: 48%;
      font-size: 2.5em;
      font-size: 2.5rem;
   }

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

   .release_textTitle{
    font-size: 4em;
    font-size: 4rem;
    }

   .mContainer_AnnounceAlbum {
      height: 950px;
   } 
   img.announceAlbum_pic1, img.announceAlbum_pic2 {
      top:  30%; 
     } 
   .releaseLinks {
      position: absolute;
      width: 100%;
      top: 70%;
      /*background-color: red; */
    }
}
@media only screen and (max-width: 900px) {
   .mContainer_AnnounceSingle {
      height: 1800px;
     }
   .announceSingle_Box {
      width: 100%;
    }
   .announceSingle_textTitle {
      font-size: 2em;
      font-size: 2rem;
   }
   .singleLink_25 {
      width: 25%;
   }
}

@media only screen and (max-width: 840px) {
   .mContainer_preOrder, .mContainer_order {   
      height: 1000px;
   }

   .announceAlbum_textTitle {
      font-size: 2.5em;
      font-size: 2.5rem;
      }

   .mContainer_AnnounceAlbum {
      height: 850px;
   } 
   .release_text2 {
      left: 55%;
   }
   img.announceAlbum_pic1, img.announceAlbum_pic2 {
      top:  30%; 
     } 
   .releaseLinks {
      top: 65%;
    }
    
}


@media only screen and (max-width: 800px) {
   .mContainer_homeAlbumLinks {
      height: 1300px;
   }

   .mContainer_AnnounceAlbum {
      height: 1300px;
      background-color: rgb(70,42,113);
      /* background-color: black; */
   }
   img.backgroundPic {
      display: none;
   }   
   img.announceAlbum_pic1, img.announceAlbum_pic2 {
      left: 25%;
      width: 50%;
     }
   .announceAlbum_text2 {
      top:  4%;
     }
   img.announceAlbum_pic1 {
      top: 10%;
     }
   img.announceAlbum_pic2 {
      top: 40%;
     }
   .releaseLinks {
        top: 70%;
    }
}


@media only screen and (max-width: 670px) {
   .mContainer_preOrder, .mContainer_order {   
      height: 820px;
   }
   
   .mContainer_homeAlbumCover {
      height: 500px;
   }
   .mContainer_homeAlbumLinks {
      height: 1150px;
   }
   
   .mArtist_NameBlank {
      display: none;
   }

   .mAlbum_preOrder_picBox, .albumBack_box {
      width: 100%;
   }
  
   .announceAlbum_text1, .announceAlbum_text2 {
      font-size: 1.5em;
      font-size: 1.5rem;
      top: 3%;
   }
   .announceAlbum_textTitle {
      font-size: 1.5em;
      font-size: 1.5rem;
   }
   .release_textTitle{ 
      font-size: 3em;
      font-size: 3rem;
     }
   .release_text2 {
      font-size: 1.5em;
      font-size: 1.5rem;
     }

   .single_Links {
      width: 100%;
      padding: 0 0 0 0;
   }
}

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

   .mContainer_homeAlbumLinks {
      height: 1100px;
   }
   .mContainer_homeSongs {
    height: 500px;
 }
    .mContainer_Release {
       background-color: blueviolet;
    }
    #JBop_backgroundPic {
       display: none;
    }
    .release_text1, .release_text2, .release_textTitle, img.release_pic, .release_linkBox {
       position: unset;
       display:block;
       margin: 0;
       padding: 0;
    }
    .release_textTitle {
       margin-top: 20px;
       width: 100%;
       font-size: 4em;
       font-size: 4rem;
    }
    .release_text, .release_text2 {
       margin-top: 20px;
       width: 100%;
    }

}

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

   .mContainer_AnnounceAlbum {
      height: 1050px; 
   } 
   img.announceAlbum_pic1 {
      top: 10%;
     }
   img.announceAlbum_pic2 {
      top: 38%;
     }  
   .releaseLinks {
      top: 65%;
    }
   .mAlbumLink_25 {
      width: 50%;
    }

   .mContainer_AnnounceSingle {
      /* height: 1150px; */
      }
   .announceSingle_textTitle, .announceSingle_text1, .announceSingle_text2 {
      font-size: 1.5em;
      font-size: 1.5rem;
      }
   img.announceSingle_pic {
      width: 320px;
      height: 320px;
      }
   .singleLink_25 {
      width: 50%;
      } 
}

@media only screen and (max-width: 500px) {
   .mContainer_AnnounceAlbum {
      height: 950px;
   } 
   img.announceAlbum_pic1 {
      top: 8%;
     }
   img.announceAlbum_pic2 {
      top: 35%;
     }  
   .releaseLinks {
      top: 60%;
    }
   .announceAlbum_text1, .announceAlbum_text2 {
      font-size: 1.0em;
      font-size: 1.0rem;
   }
   .announceAlbum_textTitle {
      font-size: 1em;
      font-size: 1rem;
   }


}

@media only screen and (max-width: 470px) {
   .mArtist_Name {
      font-size: 1.5em;
      font-size: 1.5rem;
   }
   .mContainer_AnnounceAlbum {
      height: 1150px;
     } 
   img.announceAlbum_pic1 {
      width: 65%;
      left: 17.5%;
     }
   img.announceAlbum_pic2 {
      width: 65%;
      left:17.5%;
     }
   .releaseLinks {
      top: 60%;
    }

}

@media only screen and (max-width: 375px) {
   .mArtist_Name {
      font-size: 1.5em;
      font-size: 1.5rem;
   }
 


}

@media only screen and (max-width: 320px) { /* iPhone SE view port size is 320 x 568 */
   .mContainer_homeAlbumLinks {
      height: 1250px;
   }   

}