@charset "utf-8";
/*-- Last updated:  12-Sep-2019    Version: 1.0                         */
/*-- Copyright 2019  MusicBiz Enterprises, All rights reserved.          */



/*-------------------*/
/* mobile Event box  */
/*-------------------*/
#mContainer_padEvents {
   height: 170px;
}
.mContainer, .mContainer_Events {
   width: 100%;
   height: auto;
}

.mEventBox, #genEventlist {
    float: left;
    width: 90%;
    height: auto;
    margin: 20px 0 30px 5%;
    padding: 0px;
    font-size: 80%;
    overflow-y: hidden;
    overflow-x: hidden;
}
.mEventBox {   
   /* height: 400px; */
}

.eventlistYear_Year {
    float: left;
    width: 100%;
    margin: 1em 0 0 0;
    padding: 0;
    font-size: 150%;
}
.eventlistYear_YearText {
    float: left;
    width: 8%;
    height: 32px;
    font-size: 22px;
    padding-top: 6px;
}
.eventlistYear_button {
    float: left;
    width: 80%;
    padding: 0px;
    visibility: visible;
}
  
.mEventItem, .eventlistYear_Item {
   float: left;
   width: 100%;
   padding: 16px 0 16px 0;
}
.mEventRow, .eventlistYear_Row {
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
}

.mEventText, .eventlistYear_Text {
   font-size: 1.25em;
   font-size: 1.25rem;
   font-weight: normal;
   /* overflow: hidden; */
}
.mEventDate, .eventlistYear_Date {
   float: left;
   width: 13%;
   margin: 0;
   padding: 0 2% 0 0;
}
.mEventTime, .eventlistYear_Time {
   float: left;
   width: 13%;
   margin: 0;
   padding: 0 2% 0 0;
}
.mEventTitle, .eventlistYear_Title {
   float: left;
   width: 48%;
   margin: 0;
   padding: 0 2% 0 0;
   font-weight: bold;
}
.mEventLocation, .eventlistYear_Location {
   float: left;
   width: 20%;
   margin: 0;
   padding: 0;
}
.mEventAddr, .eventlistYear_Addr1, .eventlistYear_Addr2 {
   float: left;
   padding-left: 74%;
}
.mEventLink, .eventlistYear_Link {
   float: left;
   padding-left: 74%;
}

.mMoreEventsLink {
   float: left;
   width: 70%;
   padding-top: 1em;
   padding-left: 30%;
   font-size: 1.5em;
   font-size: 1.5rem;
   text-align: left;
}



/*-------------*/
/*  Eventlist  */
/*-------------*/
/*
.eventlistYear_Item {
    float: left;
    width: 100%; 
    margin: 1.5em 0 0 0;
    padding: 0;
}
.eventlistYear_Row {
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
}
.eventlistYear_Date {
   float: left;
   width: 13%;
   margin: 0;
   padding: 0.5em 0 0 2%;
   font-size: 1em;
   font-size: 1rem;
   font-weight: normal;
   overflow: hidden;
}
.eventlistYear_Time {
   float: left;
   width: 62%;
   margin: 0;
   padding: 0.5em 0 0 0;
   font-size: 1em;
   font-size: 1rem;
   font-weight: normal;
   overflow: hidden;
}
.eventlistYear_Title {
   clear: both;
   float: left;
   width: 98%;
   margin: 0;
   padding: 0.5em 2% 0 0;
   font-size: 1em;
   font-size: 1rem;
   font-weight: bold;
   overflow: hidden;
}
.eventlistYear_Location {
   float: left;
   width: 94%;
   margin: 0 0 0 3%;
   padding: 0.5em 3% 0 0;
   font-size: 1em;
   font-size: 1rem;
   font-weight: normal;
   text-align: left;
}
.eventlistYear_Addr1 {
   float: left;
   width: 94%;
   margin: 0 0 0 3%;
   padding: 0 3% 0 0;
   font-size: 1em;
   font-size: 1rem;
   font-weight: normal;
   text-align: left;
}
.eventlistYear_Addr2 {
   float: left;
   width: 94%;
   margin: 0 0 0 3%;
   padding: 0 3% 0 0;
   font-size: 1em;
   font-size: 1rem;
   font-weight: normal;
   text-align: left;
}
.eventlistYear_Link {
   float: left;
   width: 100%;
   padding-top: 0.5em;
   font-size: 1em;
   font-size: 1rem;
   text-align: center;
}

*/


@media only screen and (max-width: 1080px) { 
   #mContainer_padEvents {
      height: 0px;
   }
   
}


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

   .mEventDate {
      width: 20%;
      padding: 0 2% 0 0;
   }
   .mEventTime {
      width: 16%;
      padding: 0 2% 0 0;
   }
  .mEventTitle {
      width: 50%;
      padding: 0 0 0 0;
   }
   .mEventLocation {
      width: 64%;
      padding-left: 36%;
   }
   .mEventAddr {
      width: 64%;
      padding-left: 36%;
   }
   .mEventLink {
      width: 64%; 
      padding-left: 36%;
   }
   
}


@media only screen and (max-width: 830px) {
   
   .eventlistYear_YearText {
    width: 12%;
    }
   
   .eventlistYear_Row {
      width: 90%;
      margin-left: 10%;
   }
   .eventlistYear_Date {
      width: 18%;
      padding: 0 2% 0 0;
   }
   .eventlistYear_Time {
      width: 18%;
      padding: 0 2% 0 0;
   }  
   .eventlistYear_Title {
      width: 50%;
      padding: 0 0 0 0;
   }
   .eventlistYear_Location {
      width: 64%;
      padding-left: 36%;
   }
   .eventlistYear_Addr1, .eventlistYear_Addr2 {
      width: 64%;
      padding-left: 36%;
   }
   .eventlistYear_Link {
      width: 64%; 
      padding-left: 36%;
   }

}

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

   .mEventDate, .eventlistYear_Date {
      width: 23%;
      padding: 0 2% 0 0;
   }
   .mEventTime, .eventlistYear_Time {
      width: 23%;
      padding: 0 2% 0 0;
   }
   .mEventTitle, .eventlistYear_Title {
      width: 100%;
      padding-left: 0;
   }
   .mEventLocation, .eventlistYear_Location {
      width: 100%;
      padding-left: 0;
   }
   .mEventAddr, .eventlistYear_Addr1, .eventlistYear_Addr2 {
      width: 100%;
      padding-left: 0;
   }
   .mEventLink, .eventlistYear_Link {
      width: 100%;
      padding-left: 0;
   }

}



@media only screen and (max-width: 500px) { 
   .eventlistYear_YearText {
    width: 18%;
    }
    
   .mEventDate, .eventlistYear_Date {
      width: 33%;
      padding: 0 2% 0 0;
   }
   .mEventTime, .eventlistYear_Time {
      width: 33%;
      padding: 0 2% 0 0;
   }
}


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

   .mEventDate, .eventlistYear_Date {
      width: 43%;
      padding: 0 2% 0 0;
   }
   .mEventTime, .eventlistYear_Time {
      width: 43%;
      padding: 0 2% 0 0;
   }
}