@import url("./css.php?n=default&t=default");
body, .front-right {
  background: #fff !important;
}

.introlist ul li {
  background: #fff !important;
  border: none;
  border-bottom: 1px solid #eee;
  padding-left: 0 !important;
}

html, p>strong {
  color: #222 !important;
}

.discerning, .questions {
  background: #eee;
  background-image: none;
  border: 1px solid #ddd;
}

.header-background, .footer {
  background: #f3f9ff !important;
}

.header-background {
  border-top: 1px solid #ddd;
}

h3.audio-list {
  border-bottom: 1px dotted #ddd;
}

.attribute {
  color: #777;
}

.bar {
  background: #eee;
  height: 1px;
}

.twitterbox.dark, .theme-toggle.dark {
  display: none !important;
}

/* TRANSLATION BUTTON */

#transitems a {
  color: #555;
  background: #fff;
  text-align: center;
  border-bottom: 1px solid #eee;
}

#transitems a:hover {
  background: #FCC83E !important;
  color: black;
}

#transitems {
  box-shadow: 0px 0px 4px #999;
  border-top: none;
  margin-top: 7px;
}

/* SEARCH */

.search_input input {
  background: #FFF;
  color: #555;
  box-shadow: 1px 1px 1px #ccc;
}

.search_input input:nth-child(2) {
  color: #999;
}

.search_input input:nth-child(2):hover {
  background: #3399FF !important;
  color: #fff !important;
}

.search_input input:focus {
  box-shadow: 1px 1px 1px #ccc;
}

/* Toggle Menu */

#searchitems {
  display: none;
}

#searchnav input:checked~#searchitems {
  display: block;
}

.footer {
  border-top: 1px solid #eee;
}

.twitterbox.bright {
  display: block !important;
}

.theme-toggle.bright {
  display: inline-block !important;
}

.info a {
  border-right: 1px solid #bbb;
}

.info a:hover {
  color: orange;
  background-color: #f3f9ff !important;
}

.info a.last {
  border-right: 1px solid #f3f9ff;
}

h3, h4, h2, .introheader, .starttitle, .featuretitle, .booktitle, .bookby, .bookinfo, .bookframe, .heading, .questions h3 {
  color: #505a78 !important;
  font-weight: normal;
}

p.heading {
  font-weight: normal;
  font-style: italic;
  margin-top: 1.5em;
  margin-bottom: 1em;
}

p.heading:hover {
  text-shadow: none;
  color: #222 !important;
}

.introlinks a {
  border: none !important;
}

.startbox {
  border-top: 1px solid #eee !important;
}

.featuretitle {
  border-bottom: 1px solid #eee !important;
}

.bookframe p, .bookframe li {
  color: #555 !important;
}

form[name=subscribeform] {
  line-height: 3em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 2em;
  display: inline-block;
  text-align: center;
}

form[name=subscribeform] table tr {
  margin-bottom: 2em;
  border: 1px solid red;
}

input#email {
  padding: .25em;
  font-size: .9em;
  display: block;
}

input[name=subscribe] {
  padding: .5em;
  font-size: .9em;
  display: block;
  border-radius: 8px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

label[for=email] {
  color: #888;
  font-weight: normal;
}

.front-middle {
  color: #000 !important;
  border: none;
}

.only-mobile button {
  margin-bottom: -1em;
}

.front-middle li {
  list-style-type: circle;
}

.questions li {
  list-style-type: none;
}

.featured {
  border: 1px solid #eee;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#hamnav, .front-middle, .front-left, .featured, .footer {
  background: none;
}

#hamitems a {
  color: #555;
  border-right: 1px solid #eee;
  border-bottom: none;
}

#hamitems a.menu_active {
  border-right: 1px solid #3399FF;
  border-bottom: 1px solid #3399FF;
  border-top: none;
  border-left: none;
}

.section-title {
  color: #616880 !important;
}

.leftlinks {
  border-bottom: none;
}

.leftlinks p {
  color: #555 !important;
}

.front-left a, .front-middle a, .bookframe a, span.expand {
  /* color: #3b99db!important; */
  color: #2e8acc !important;
}

.bookframe {
  border-bottom: none;
}

.front-left a:hover, .front-middle a:hover, .bookframe a:hover, span.expand:hover {
  color: orange !important;
  background: none !important;
}

.front-left {
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;

}

.recommended .bookbox {
  background: #eee !important;
  border-top: none;
}

.recommended h2 {
  border-bottom: 1px solid #eee !important;
  margin-top: 2em !important;
}

.front-left h3 {
  border-bottom: 1px solid #ddd !important;
}

.article-image {
  box-shadow: 1px 1px 5px 0px #777;
  border: none;
}

.offset {
  background: #fff;
  color: #000;
  border: 1px solid #ddd;
}

/* Phones */

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

  .front-left{
    background: #eee;
  }

}

@media screen and (max-width: 800px) {
  /* Show Icon */
  #hamnav label {
    color: white;
    background: #3399FF;
  }
  /* Vertical Menu */
  #hamitems a {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }

}