a {
  border-bottom: none;
}
#bg:before {
  background-image: none;
}
#bg:after {
  background-image: url("/images/ebg.jpg");
}
/*Color & border overwrites*/
h1, h2, h3, h4, h5, h6,
#header .content,
#header .logo,
#header nav ul,
#header nav ul li,
#header,
footer{
  color: #000;
  border-color: #000;
  border: none;
}

/*making headlines bigger */
h3 {
  font-size: 1.6rem;
}

h5 {
  font-size: 1rem;
}



/* Divider hide from live but seeable on CMS */
.divider {
  display: none;
}




/*Layout CSS */
@media only screen and (min-width: 640px) {
  #header {
    display: flex;
    align-items:flex-start;
    flex-direction: row;
  }
}
#header .logo {
  flex: 1;
}
#header .content {
  flex: 5;
}
#header .logo img {
  width: 100%;
  height: auto;
  line-height: normal;
  border: none;
  border-radius: 0px;
  max-width: 180px;
  min-width: 100px;
}

@media only screen and (max-width: 640px) {
  #header .logo {
    width:inherit;
    height:inherit;
    line-height: inherit;
  }


}



/* Nav stuff */
#header .content {
  margin-top : 0px;
  position: relative;
}
#header .content .inner {
  max-height: none;
  padding: 1.5rem 2rem 0rem 2rem;
}
#header nav ul{
}
#header nav ul li a {
  /*font-family: 'arial narrow';*/
  letter-spacing: 2px;
  font-weight: bold;
  line-height: normal;
}

#header nav.use-middle:after {
  display: none;
}

.elyonmap {
  width: 100%;
  height:auto;
}

#languages {
  position: absolute;
  top: 2%;
  right: 6%;
  padding: 8px 16px;
  background: #444;
  color: #FFF;
  font-weight: bold;
}


#main article {
  color: #000;
  background: #FFF;
  width: 100%;
  max-width: 1200px;
  padding: 0px;
}

#main article .close:before {
  color: #000;
}

#main article .owl-carousel {
  margin-bottom: 60px;
}

#main article .news-slide{
  background: #EFEFEF;
  padding: 20px;
}

#main article .date {
  margin-bottom: 20px;
  font-weight: bold;
}



#main article .modalhead {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ded6d6;
  background: url('/images/ebg.jpg');
}

#main article .modalhead .modallogo {
  flex: 1;
  text-align: center;
}

#main article .modalhead .modallogo img {
  width: auto;
  padding: 10px 20px 5px 20px;
  height: 170px;
}

#main article .modalhead h1 {
  flex: 10;
  padding-left: 0px;
  margin-bottom: 0px;
}

#main article .modalcontent {
  padding: 40px;
}


#main article p {
  font-size: 1.15rem;
}

.biopic {
  float: left;
  padding: 0px 20px 0px 0px;
}

.bioverb {

}

.bioblock {
  display: inline-block;
  margin-bottom: 50px;
}


/*land of elyon page*/

.theatretop {
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (min-width: 640px){
  .theatretop {
    position: absolute;
    right: 40px;
    top: 0px;
    height: 200px;
    width: auto;
  }
}

.bookrow img{
  float: none;
  width: 100%;
}

.bookrow .bookrowdesc {
  width:90%;
  margin: 0 auto 10px auto;
  font-size:0.8em;
  font-style:italic;
  text-align: center;

}

@media only screen and (min-width: 640px){
  .bookrow {
    float:right;
    text-align:center;
    margin-top:-80px;
    padding-bottom: 20px;
  }
}





/*summary page*/
@media only screen and (min-width: 640px) {
  #main article .covers {
    display: flex;
  }
}

#main article .summarycover {
  flex: 5;
  text-align: center;
}

#main article .summarycover img {
  width: 100%;
  padding: 20px;
}

#main article .summaryclick {
  padding: 0px 40px;
  text-align: center;
}


@media only screen and (max-width: 480px) {
  #main article .summarycover img {
    width:70%;
  }
}

/*author page*/
#main article .author h3 {
  font-size: 1.2rem;
}

@media only screen and (max-width: 480px) {
  #main article .author {
    width:100%;
    padding-right: 0px!important;
    margin-bottom: 20px;
  }
  #main article .author img {
    width: 100%;
    height: auto;
    padding-bottom: 20px;
  }
  #main article .author h3 {
    font-size: 1.5rem;
  }
}

/* Q&A / News */



.news-section {
  float:none;
  width: 100%;
  margin-right: 0%;
}
.news-section h1 {
  background: #4b6c93;
  color: #FFF;
  padding: 10px;
  margin-bottom: 0px;
}


.FAQ-section{
  float: none;
  width: 100%;
  background: #EFEFEF;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.FAQ-section h1 {
  background: #E874CB;
  color: #FFF;
  padding: 10px;
  margin-bottom: 0px;
}
.FAQ-section .faqcontent {
  padding: 20px;
  height: 300px;
  overflow-y:scroll;
  margin-bottom: 40px;
}
.FAQ-section .q{
  margin-bottom: 10px;
}

.FAQ-section .a {
  margin-bottom: 30px;
}


#faq-news  .modalcontent {
  padding: 10px !important;
}


@media only screen and (min-width: 640px) {
  .news-section {
    width: 45%;
    margin-right: 40px;
    float: left;
  }
  .FAQ-section {
    width: 50%;
    float: left;
  }
  #faq-news  .modalcontent {
    padding: 20px !important;
  }
}



#QuestionsForm {
  border-radius: 10px;
  background: #FFF;
  padding: 20px;
  margin: 20px;
}



footer {
  margin-top: 10px;
}