@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
}
@font-face {
    font-family: gill_font;
    src: url('gill.eot');
    src: local(gill_font), url('fonts/gill.ttf') format('opentype');
}
body {
  background-color:#5F1A13;
    }
h1 {
    font-size: 50px;
}
h2 {
  color: #fff;
}
h1, h2, h4, h5 {
    font-weight: normal;
}
h4 {
    font-size: 20px;
    margin: auto;
}
h5 {
    margin-top: -39px;
}
.header h1 {
    line-height: 45px;
}
.header h5 {
    padding-top:10px;
}
.header h1, h5 {
    color: #ffffff;
    text-shadow: 5px 5px 5px #00143f;
}
.header h1 a:hover {
    color: #ffffff;
}
.header h5 a:hover {
    color: #FF6600;
}
.header {
    background-image: url("https://www.musicforlisteners.com/images/mfl-moon-header02.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
    border-top:solid 2px white;
    border-bottom:solid 2px white;
    }
.header a {
      color: #ffffff;
    font-weight: normal;
}
.menu {
  float: left;
  width: 20%;
  text-align: center;
  font-size: 20px;
  padding-right: 10px;
}
.tablediv {
    border-bottom: solid white 1px;
}
.menu a {
  background-color: #5F1A13;
  padding: 8px;
  margin-top: 7px;
  display: block;
  width: 100%;
  color: #aaaaaa;
}
.menu a:hover {
  background-image: url("https://www.musicforlisteners.com/mfl-player/images/rho-ophiuchi-02-mob.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #FF6600;
}

a {
  text-decoration:none;
  color: #aaaaaa;
}

.main {
  float: left;
  width: 60%;
  padding: 0 20px;
        border-left:solid 2px white;
    border-right:solid 2px white;
}
.main a {
  color: #FF6600;
}
.main a:hover {
  opacity: 0.5;
}
.right {
  background-color: #5F1A13;
  float: left;
  width: 20%;
  padding: 15px;
  margin-top: 7px;
  text-align: center;
}
.footer {
    color:#ffffff;
        background-color:#5F1A13;
        text-align:center;
        padding:20px;
        margin-top:10px;
        margin-bottom:10px;
    background-image: url("images/MFL-MARS-HEADER.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-top:solid 2px white;
    border-bottom:solid 2px white;
    }
.footer a {
    color: #ffffff;
}
.footer a:hover {
    color: #FF6600;
}
.grid-container {
  display: grid;
  /* Creates two equal columns using fractional units (fr) */
  grid-template-columns: 1fr 2fr; 
  gap: 15px;
  padding: 10px 0;
}
.mmrtext {
    color:#CC6600;
}
.180text {
    color:#0098CC;
}
.bigorangeevent {
    font-family: gill_font; 
    font-size: 22px;
    text-decoration: underline;
    color:#FF6600;
}
.concertdate {
    font-family: gill_font; 
    font-size: 18px;
    color:#ffffff;
}
.concerttextwhite {  font-family: gill_font; font-size: 16px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #FFFFFF; text-decoration: none}

.commenttext {
    font-family: gill_font;
    font-size: 9px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    color: #FFFFFF
}

.concertheadlinetext {
    font-family: gill_font;
    font-size: 22px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    color: #FF6600;
}

.concertsupporttext {
    font-family: gill_font;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FF6600;
	text-decoration: none
}

.peeltext {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #FF6600; text-decoration: underline}

.intertext {      font-family: gill_font; font-size: 16px; font-style: normal; color: #FFFFFF}

.copyrighttext {      font-family: gill_font; font-size: xx-small; font-style: normal; color: #000000}

.bandlink {      font-family: gill_font; font-size: 18px; font-style: normal; color: #FF6600}

.reglink {      font-family: gill_font; color: #FF6600; text-decoration: underline; font-size: 12px}

@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .header, .menu, .main, .right, .footer {
    width: 100%;
  }
    .header {
    margin-bottom: 0px;
}
    .right {
    border-top:solid 2px white;
    padding: 5px;
    margin-top: 0px;
}
    .right h2 {
    margin: 10px;
        margin: 5px;
}
.menu {
  padding-right: 0px;  
    }
.main {
    margin-top:10px;
    border-top:solid 2px white;
    border-left:none;
    border-right:none;
}
    .footer {
        padding:20px;
        margin-bottom:20px;
        margin-top:0px;
}
    }