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

.mContainer_homeLogo {
   height: 100px;
}

.mSiteLogo_PhotoBox {
    margin-bottom: 0px;
}
#mContainer_padHome {
   height: 60px;   /* header is 160px, hidden site logo has margin: 10px 0 10px 0  */
}

/*--------------*/
/*  Container 1 */
/*--------------*/

.mContainer_homeBandPic {
   /* height: 1250px; */
   /* background-image: linear-gradient(rgb(237,133,48), rgb(79,22,187)); */
}
img.bandPic {
   width: 100%;
}

/*--------------*/
/*  Album Cover */
/*--------------*/
.mContainer_homeAlbumCover {
   clear: both;
   width: 100%;
   height: 1100px;
}

.mContainer_preOrder {
   clear: both;
   width: 100%;
   height: 650px;
}

/*--------------*/
/*  Album Back  */
/*--------------*/
.albumBack_box {
   clear: both;
   width: 100%;
   height: auto;
}
.albumBack_pic {
   padding-top: 15px;
}
img.albumBack_pic {
   display: block;
   width: 320px;
   margin: 0 auto;
}



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


/*-------*/
/* Band  */
/*-------*/
.bandPic_Box {
   margin-top: 0px;
}
.bandMember_Box {
    width: 100%;
    padding-left: 0;
    padding-bottom: 18px;
    margin-bottom: 0;
    font-size: 1.25em;
    font-size: 1.25rem;
    line-height: 2.0rem;
 }
.bandMember {
    /* width: 23%; */
    width: 15%;
    margin-top: 15px;
 }



/*-----------------------------------------------*/
/*  SongList -- defined in mStyles6_Custom_MIDmo */
/*-----------------------------------------------*/
.mContainer_homeSongs {
   width: 100%;
   height: 750px;
}
.mContainer_musicSongs_Home {
   /*background-image: url('../../Music/images/MIDmo_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;
}


/*--------------*/
/*  Events      */
/*--------------*/
.mContainer_homeEvents {
   width: 100%;
   min-height: 300px;
}
#homeEvents_Box {
   float:left;
   width: 100%;
   margin: 0;
   padding: 0 0 80px 0;
}
/*--------------*/
/*  Videos      */
/*--------------*/
.mContainer_homeVideos {
   width: 100%;
   height: auto;
}
#homeVideos_Box {
   float:left;
   width: 100%;
   margin: 0;
   padding: 0 0 80px 0;
}
.mVideo_Box {
   width: 48%;
}


/*--------------*/
/*  Container 3 */
/*--------------*/

.mContainer_homeSocial {
   width: 100%;
   height: 900px;
}

.mContainer_homeSocial_color {
   /* height: 1250px; */
   /* background-color: red; */
   /* background-image: linear-gradient(rgb(237,133,48), rgb(79,22,187)); */
   background-image: linear-gradient(to bottom left, rgb(79,22,187), rgb(237,133,48) ); 
}

.mSocialList_Box {
   clear: both;
   width: 100%;
   padding-top: 10px;
   /* margin-left: 15%; */
}
.mSocial_Row {
   clear: both;
   width: 100%;
}
.mSocial_Box {
   float: left;
   width: 33%;
   /* background-color: red; */
   /* margin-left: 2%;  */
}
.mSocial_Twitter {
   height: 500px;
   background-color: transparent;
}
.mSocial_Instagram {
   height: 500px;
   background-color: transparent;
}
.mSocial_Facebook {
   height: 500px;
   width: 340px;
   margin: 0 auto;
   background-color: transparent;
   /* background-color: green; */
   /* padding-left: 7%; */
}

.mSocial_TikTok {
   height: 500px;
   background-color: transparent;
}
.mSocial_NULL {
   height: 500px;
   background-color: transparent;
   /* background-color: yellow; */
}
.mSocial_LightWidget {
   clear: both;
   float: left;
   width: 100%;
   padding-top: 0px;
}

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

}

@media only screen and (max-width: 1700px) {
    .mSocial_Facebook {
       /* padding-left: 6%; */
    }
}

@media only screen and (max-width: 1460px) {
    .mContainer_homeAlbumLinks {
      height: 820px;
   } 
   .mSocial_Facebook {
      /* padding-left: 4%; */
   }
}

@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%;
   }

   img.mAlbum_order_pic, img.mAlbum_preOrder_pic {
      width: 480px;
   }

}


@media only screen and (max-width: 1160px) {
   .mPhotoBox {
      margin: 0;
      }
   .mSiteLogo_PhotoBox {
      color: white;
      background-color: black;       /* Midmo Orange */    
     }

   .mSocial_Box {
      width: 50%;
      }  
   .mSocial_NULL {
      width: 25%;
      }  

   .mContainer_homeAlbumLinks {
      height: 850px;
    }

   .bandMember_Box {
     font-size: 1.0em;
     font-size: 1.0rem;
   }
}


@media only screen and (max-width: 1080px) {  /* Switch from menu bar to menu button */
   .mContainer_homeLogo {
      height: 400px;
   }
   .mSiteLogo_PhotoBox {
      padding-top: 15px;
   }
 
   .mContainer_homeAlbumLinks {
      height: 1350px;
   }

   #mContainer_padHome {
      height: 0px;
   }

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


}


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

}


@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;
   }

   img.mAlbum_order_pic, img.mAlbum_preOrder_pic {
      width: 320px;
   }
   .mSocial_Box {
      width: 100%;
      }
   .mSocial_NULL {
         width: 0%;
         height: 0px;
      }  


}



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

   .bandMember_Box {
    font-size: 0.75em;
    font-size: 0.75rem;
 }


}


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

}


@media only screen and (max-width: 670px) {
   .mContainer_preOrder, .mContainer_order {   
      height: 820px;
   }
   
   .mContainer_homeAlbumCover {
      height: 500px;
   }
   .mContainer_homeAlbumLinks {
      height: 1150px;
   }
   .bandMember {
    /* width: 23%; */
    width: 32%;
   }
   .bandMember_Box {
    font-size: 1.0em;
    font-size: 1.0rem;
    line-height: 1.5rem;
   }

  .mArtist_NameBlank {
      display: none;
   }


}

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

   .mContainer_homeAlbumLinks {
      height: 1200px;
   }   


}

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

   .mContainer_homeAlbumLinks {
      height: 1180px;
   }   

}


@media only screen and (max-width: 470px) {
   
   .mArtist_Name {
      font-size: 1.5em;
      font-size: 1.5rem;
   }
   
   .mPage_title {
      font-size: 4rem;
   }
   img.bandPic {
      /* width: 375px; */
   }
   .bandMember_Box {
      /* padding-left: 5%; */
      font-size: 0.6em;
      font-size: 0.6rem;
   }   

}

@media only screen and (max-width: 370px) {
   .bandMember_Box {
      /* padding-left: 5%; */
      font-size: 0.5em;
      font-size: 0.5rem;
   }  


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