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


/*----------------------------------------*/
/*  JonLawsonSax colors                    */
/*  white             = rgb(255,255,255)  */
/*  black             = rgb(255,255,255)  */
/*  darkPurpleBlue    = rgb(50,25,100)    */
/*  darkPurpleRed     = rgb(86,13,77)     */
/*  JonLawsonSaxYellow = rgb(245,221,14)   */
/*  grvBlue           = rgb(137,179,193)  */
/*  grvOrange         = rgb(230,154,79)   */
/*  grvYellow         = rgb(227,222,158)  */
/*  darkPurple        = rgb(126,43,111)   */
/*  midPurple         = rgb(142,68,129)   */
/*  lightPurple       = rgb(187,137,175)  */
/*  windowsBlue       = rgb(45,125,154)   */
/*  darkBlue          = rgb(2,15,35)      */
/*  lightBlue         = rgb(10,90,240)    */
/*----------------------------------------*/

/*----------------------------------------------*/
/* AI swatches                                  */
/* BaseColor webRedPurple rgb(153,51,204)       */
/* Left Complement                              */
/*              lightPurple  rgb(217,140,255)   */
/*              darkPurple    rgb(91,19,127)    */
/*              brownGold     rgb(127,108,19)   */
/*              yellow         rgb(217,185,43)  */
/*              lightYellow  rgb(255,234,140)   */
/* High Contrast 1                              */
/*              darkPurple    rgb(121,7,178)    */
/*              maroonRed     rgb(102,4,65)     */
/*              brownGold     rgb(99,84,15)     */
/*              yellow         rgb(178,146,0)   */
/* Tetrad 3                                     */
/*              darkPurple    rgb(100,45,127)   */
/*              brown          rgb(127,87,57)   */
/*              yellow         rgb(204,212,96)  */
/*              blue            rgb(19,91,127)  */
/*----------------------------------------------*/

/*--------------------------------------------------------------------------------*/
/* import font families                                                           */
/* find fonts at:  https://fonts.google.com                                       */
/* use @import instead of <link> because @import requires file to finish download */
/* before downloading remaining page content.                                     */
/*--------------------------------------------------------------------------------*/
@import 'https://fonts.googleapis.com/css?family=Raleway';
@import 'https://fonts.googleapis.com/css?family=Permanent+Marker';
@import 'https://fonts.googleapis.com/css?family=Montserrat';

body { 
    color: white; 
    background-color: black;
    /* background: rgb(91,19,127); /* For browsers that do not support gradients */
    /* background: linear-gradient(rgb(91,19,127), rgb(217,140,255)); /* Standard syntax */
    /* background: -webkit-linear-gradient(rgb(91,19,127), rgb(217,140,255)); /* For Safari 5.1 to 6.0 */
    /* background: -o-linear-gradient(rgb(91,19,127), rgb(217,140,255)); /* For Opera 11.1 to 12.0 */
    /* background: -moz-linear-gradient(rgb(91,19,127), rgb(217,140,255)); /* For Firefox 3.6 to 15 */
    font-family: Helvetica, sans-serif, Arial;
    font-family: 'Montserrat';
}

div {
   font-family: montserrat,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: black;
    font-family: Helvetica, 'Montserrat', sans-serif, Arial;
    font-weight: bold;
}
p {
    color: black;
    font-family: Helvetica, sans-serif, Arial;
    font-family: 'Montserrat';
}

a {
    color: white;
    background-color: transparent;
    font-weight: normal;
}
a:link {
    color: white;
    background-color: transparent;
    font-weight: normal;
}
a:visited {
    color: white;
    background-color: transparent;
    font-weight: normal;
}

/*-------------*/
/* Background  */
/*-------------*/
.mBackground_color {
     background-color: rgb(0,0,69);  /* Even Darker Blue */
     /* background: rgb(234,239,245); */
     /* background: white; */
     /* purple  */
     /* background: rgb(91,19,127); /* For browsers that do not support gradients */
     /* background: linear-gradient(rgb(91,19,127), rgb(217,140,255)); /* Standard syntax */
     /* background: -webkit-linear-gradient(rgb(91,19,127), rgb(217,140,255)); /* For Safari 5.1 to 6.0 */
     /* background: -o-linear-gradient(rgb(91,19,127), rgb(217,140,255)); /* For Opera 11.1 to 12.0 */
     /* background: -moz-linear-gradient(rgb(91,19,127), rgb(217,140,255)); /* For Firefox 3.6 to 15 */
     /* blue  */
     /* background: rgb(2,15,35); /* For browsers that do not support gradients */
     /* background: linear-gradient(rgb(2,15,35), rgb(10,90,240)); /* Standard syntax */
     /* background: -webkit-linear-gradient(rgb(2,15,35), rgb(10,90,240)); /* For Safari 5.1 to 6.0 */
     /* background: -o-linear-gradient(rgb(2,15,35), rgb(10,90,240)); /* For Opera 11.1 to 12.0 */
     /* background: -moz-linear-gradient(rgb(2,15,35), rgb(10,90,240)); /* For Firefox 3.6 to 15 */
}
.mCustomBackground_alt1 {
     background: rgb(0,0,69);       /* Even Darker Blue */
}

.mHeader {
    background-color: transparent; 
}

.mContainer {
    /* color:                white; */
    /* background-color: transparent; */
    /*background-image: url('../mImages/JonLawsonSax_mContainerBkgnd.png');  /* url is relative to this stylesheet */
    /*background-repeat: no-repeat; */
    /*background-position: center top; */
}

.mContainer_pad {
   /* background-color: transparent; */
}


/*----------*/
/*- Header  */
/*----------*/
.mContainer_Header {
   background-color: rgb(0,0,69);       /* Even Darker Blue */
   /* background-color: rgb(133,168,216); */

/*
   background-image: url('../../images/header_background.jpg');
   background-repeat: no-repeat;
   background-size: cover;
*/
}
.mHeader_Box_Center {
   /* color: black; */
   color: white;
}


/*------------*/
/*- Container */
/*------------*/
.mContainer1_color {
    color: black;
    background-color: white;    
}
.mContainer1_color a {
   color: black;
}
.mContainer1_color .mPage_title {
   color: black;
}
.mVideo_Box {
    color: black;
    background-color: white;   
}

.mContainer2_color {
    color: white;
    background-color: rgb(133,168,216); 
}
.mContainer2_color a {
   color: white;
}
.mContainer2_color .mPage_title {
   color: black;
}

.mContainer3_color {
    color: white;
    background-color:  rgb(0,0,69);       /* Even Darker Blue */
}
.mContainer3_color a {
   color: white;
}
.mContainer3_color .mPage_title {
   color: white;
}

.mContainer4_color {
    color: black;
 /*   background-color:  rgb(245,221,14);       /* JLsax Yellow         */
 /*   background-color:  rgb(255,255,0);       */
    background-color:  rgb(230,230,230);       /* grey                  */    
 /*   background-color: white;                 */
}
.mContainer4_color a {
   color: black;
}
.mContainer4_color .mPage_title, .block_title, .block_title2  {
   color: black;
}

.mContainer_Announce, .mContainer4_color {
   /* background-image: url('images/snowflakes-304522-white_240.png');  /* url is relative to this stylesheet */
   /* background-repeat: repeat; */
}

.mContainer_Box_title, .mContainer_title {
   color: inherit;
   background-color: inherit;
}



.mBox_pad {
   background-color: transparent;
}
.mBox_pad {
   clear: both;
}


.mFooterBox {
   color: black;
   background-color: rgb(234,239,245);
}
.mFooter_text {
   color: black;
}
a.mFooter_link  {
   color: black;
   background-color: transparent;
}


/*-----------------*/
/* mobile nav menu */
/*-----------------*/
.genMenu_Button {
    color: black; 
    background-color: white;
}
.genMenu_mainBox {
    color: black; 
    background-color: white;
}
.genMenuItem {
    color: black; 
    background-color: white;
    border: 0px solid black;
}
#mNav_BarMenu .genMenuItem {
    color: white; 
    color: rgb(254,256,56);
    background-color: transparent;
    border: 0px solid black;
}
#mNav_ButtonMenu .genMenuItem {
    color: black; 
    background-color: white;
    border: 1px solid black;
}
.genMenuItem_link {
    color: black; 
    background-color: white;
}
a.genMenuItem_link {
    color: black; 
    background-color: white;
}
.genMenuItem_Lv0 {
     color: black; 
     background-color: white; 
}
.genMenuItem_Lv0 a {
     /* color: rgb(254,256,56); */
     color: white;
     background-color: transparent;
}

.genMenuItem_Lv0Active {
    color: white;
    background-color: rgb(0,0,69);
    cursor: pointer;
}
.genMenuItem_Lv0InActive {
    color: black; 
    background-color: white;
}
.genMenuListBox {
    color: black; 
    background-color: white;
    border: 0px solid black;
}
.genMenuList {
    color: black; 
    background-color: white;
}
ul.genMenuList {
    color: black; 
    background-color: white;
    list-style: none; /* this removes the list marker */
}
.genMenuList li {
    color: black; 
    background-color: white;
}
.genMenuList li a {
    color: black; 
    background-color: white;
    text-decoration: none;  /* this removes the underline */
}
.genMenuItem_List:visited {
    color: black; 
    background-color: white;
}
.genMenuItem_List a:visited {
    color: black; 
    background-color: white;
}


/*-----------------*/
/* JLsax Forms     */
/*-----------------*/
.formHeading {
   color: white;
   background-color: transparent;
   border: 0px solid white;
   }
.formHeading_text {
   color: white;
   background-color: transparent;
   }

.formScreen {
    color: white;
    background-color: transparent; 
    border: 2px solid white;
}
.formBox {
    color: black;
    background-color: white;
}
.formEpilogue_text {
   color: white;
   background-color: transparent;
   }

.unsubscribeBox {
   color: white;
   background-color: transparent;
   border: 0px solid white;
}   


/*------------------------*/
/* JLsax mobile pages     */
/*------------------------*/
.mContainer_siteLogo {
   color: black;
   /*background-color: rgb(234,239,245); */
   background-color: rgb(0,0,69);       /* Even Darker Blue */
}

.mAlbumCover_PhotoBox {
   background-color: transparent;
}

.mContainer_homeSongs, .mContainer_musicSongs {
   color: black; 
   /* color: rgb(254,256,56); */
   font-weight: bolder;
   /* background-color: transparent; */
   /* background-image: url('../../images/cityLights_cobblestone_01.jpg');
   background-repeat: no-repeat;
   background-size: cover; */
}

/*--------------*/
/*  songPlayer  */
/*--------------*/
.songPlayer_Box {
   color: black;
   /* color: red; */
   /* color: rgb(254,256,56); */
   font-weight: bolder;
   /* background-color: white; */
   background-color: transparent; 

}
.songPlayer_playerBox {
   background-color: transparent;
   border: 0px solid black;
}
.songPlayer_playerBox_Header {
   background-color: rgb(0,0,69);
}
.songPlayer_playerBox_Title {
   color: white;
}
.songRow {
   /* background: transparent; */
   background-color: white;
   border-bottom: 1px solid rgb(0,0,69); 
}



.mContainer_Events {
   color: inherit;
   background-color: inherit;
}
.mEventItem, .eventlistYear_Item {
   border-bottom: 1px solid white;
}



/*-------------------*/
/* Nav Menu          */
/*-------------------*/

#mNavMenu {
    color:                rgb(0,0,0);            /* black  */
    background-color: rgb(245,221,14);     /* JonLawsonSax_yellow */
}

.menuItem li a:link {
    color:                rgb(0,0,0);            /* black  */
    background-color: rgb(245,221,14);     /* JonLawsonSax_yellow */
}
.menuItem li a:visited {
    color:                rgb(0,0,0);            /* black  */
    background-color: rgb(245,221,14);     /* JonLawsonSax_yellow */
}

/*-------------------*/
/* banner box        */
/*-------------------*/
.mBanner {
    color:                white; 
    background-color: transparent; 
}
.mBannerText {
    color:                white; 
    background-color: transparent; 
}

/*-------------------*/
/*  expand box       */
/*-------------------*/
.mExpandContainer {
    /* color:                white; */
    background-color: transparent; 
}
.mExpandBox {
    border: 0px solid rgb(245,221,14);
}
.mExpandTitle {
    /* color:                white; */
    background-color: transparent; 
}
.mExpandText {
    /* color:                white; */
    background-color: transparent; 
}

/*-------------------*/
/* Text box          */
/*-------------------*/
.mTextContainer {
    /* color:                white; */
    background-color: transparent; 
}
.mTextBox {
    border: 1px solid rgb(245,221,14);
}

/*--------------*/
/* Photo        */
/*--------------*/
.mPhotoContainer {
    color:            white;
    background-color: transparent; 
}
.mPhotoBox {
  border: 0px solid rgb(129,197,224);
}
.mPhotoText {
    color: black;
    background-color: transparent;
}

img.mAlbumCover_Pic, img.mAlbum_preOrder_pic, img.songPlayer_pic, img.mDirectory_pic /*, img.mAlbum_Photo, img.mVideo_Photo */ {
   box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2), 6px 6px 6px 6px rgba(0, 0, 0, 0.19);
}


/*---------------*/
/* mobile Video  */
/*---------------*/
.mVideoContainer {
    color: white;
    background-color: transparent;
}


/*------------*/
/* ~~Footer~~ */
/*------------*/
#mNav_footer_link {
    margin-top: 0;
}
.mFooterBox {
    /* color:                rgb(0,0,0);            /* black  */
    /* background-color: transparent; */
    margin: 0;
    padding: 0 0 2em 0;
    color: black;
    background-color: transparent;
}
.mFooterBox p {
    color: black;
    background-color: transparent;
}

#mFooter_linkMenu {
    /* color:                rgb(0,0,0);            /* black  */
    /* background-color: transparent; */
}
.mFooter_menuItem li a:link {
    /* color:                rgb(0,0,0);            /* black  */
    /* background-color: transparent; */
}
.mFooter_menuItem li a:visited {
    /* color:                rgb(0,0,0);            /* black  */
    /* background-color: transparent; */
}

/*-------------*/
/* Misc Styles */
/*-------------*/
.m_JLsax_textStyle1 {
    font-size: 400%;
    font-family: 'Permanent Marker', cursive;
    color: rgb(245,221,14);
    font-weight: bold;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
}
.m_JLsax_textStyle2 {
    font-size: 400%;
    font-family: 'Permanent Marker', cursive;
    color: white;
    font-weight: bold;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
}
.imgLink {
}
a.imgLink {
     background-color: transparent;
     border-bottom: 2px solid white;
}

.mOpacityBox {
   float: left;
   width: 100%;
}
.mOpacity_gray0 {
   border: 0px solid white;
   background: rgba(50,50,50,0.0);
}
.mOpacity_gray30 {
   border: 0px solid white;
   background: rgba(50,50,50,0.3);
}
.mOpacity_gray50 {
   border: 0px solid white;
   background: rgba(50,50,50,0.5);
}
.mOpacity_gray70 {
   border: 0px solid white;
   background: rgba(50,50,50,0.7);
}
.mOpacity_gray100 {
   border: 0px solid white;
   background: rgba(50,50,50,1.0);
}



/*-----------------------*/
/*  @media definitions   */
/*-----------------------*/
@media (pointer: fine) {    /* device has a mouse  */

   .mContainer1_color a:hover {
      color: rgb(133,168,216);
      background-color: transparent;
      /* background-color: rgb(0,0,69); */
   }
   .mContainer2_color a:hover {
      color: yellow;
      /* background-color: rgb(133,168,216); */
      background-color: transparent; 
   }
   .mContainer3_color a:hover {
      color: yellow;
      /* background-color:  rgb(0,0,69); */
      background-color: transparent;
   }

   .genMenuItem_Lv0 a:hover {
       color: rgb(133,168,216);
       /* background-color: rgb(133,168,216); */
    }
   /*
    songRow:hover is handled in genSongPlayer.js
   .songRow:hover {   
      color: rgb(133,168,216);
      background: rgb(0,0,69); 
      cursor: pointer;
   }
   */
   .songPlayBTN:hover, .songNumber:hover, .songTitle:hover {
      cursor: pointer;
   }

   /*
   a.mAlbum_Photo:hover {
      box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.2), 6px 6px 6px 6px rgba(0, 0, 0, 0.19);
   }
   */

   a.mFooter_link:hover {
      color: rgb(133,168,216);
      /* background-color: rgb(0,0,69); */
      background-color: transparent;
   }

}


@media only screen and (max-width: 1080px) {  /* Switch from menu bar to menu button */
   #mNav_ButtonMenu .genMenuItem {
      background-color: rgb(178,205,242);
   }
   .genMenuItem_Lv0 a {
     /* color: rgb(254,256,56); */
     color: black;     
   }
/*
   .mSongList_Box {
      background-image: url('../../images/cityLights_cobblestone_02.jpg');
   }
*/
   .mContainer_homeSongs, .mContainer_musicSongs {
      /* background-image: url('../../images/cityLights_cobblestone_02.jpg'); */
   }
}


@media only screen and (max-width: 1000px) {
   .mContainer_Header {
       background-image:  none;
   }
}

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


}