/* Text Elements */

h1.heading-1 {
  display: inline-block;
  margin-top: .19444444444444445em;
  margin-bottom: .5555555555555556em;
  color: #000;
  font-size: 2.25em;
  font-family: 'Arial Rounded MT Bold', 'Helvetica Rounded', Arial, sans-serif;
}

h1.trliogy {
  margin-top: 30px;
  color: #0b063c;
  text-align: center;
  font-size: 36px;
}

h1.bottom.trliogy {
  margin-top: 15px;
}

h2.wander-2 {
  color: #404040;
  text-align: center;
  font-size: 2.25em;
}

h2.wander-3 {
  color: #404040;
  text-align: center;
  font-size: 2.25em;
}

h3.TCofC {
  padding-top: .20833333333333334em;
  padding-bottom: 0;
  color: #a01010;
  text-align: center;
  font-weight: 700;
  font-size: 1.5em;
}

h3.smallhero-header.small-hero-header-1 {
  font-weight: 700;
  font-style: normal;
  font-size: 1.125em;
}

h3.smallhero-header.small-hero-2 {
  font-weight: 700;
  font-style: normal;
  font-size: .75em;
}

h4.heading-2 {
  text-align: center;
  font-size: 1.5em;
}

p.paragraph.footer-text {
  text-align: center;
}

p.paragraph a.footer-link-1 {
  text-decoration: underline;
  font-weight: 700;
}

p.paragraph.paragraph-1 {
  padding-top: 3.5714285714285716em;
}

p.paragraph span.paragraph-text-1 {
  font-weight: 700;
}

p.paragraph a.paragraph-text-2 {
  text-decoration: underline;
  font-weight: 700;
}

p.paragraph.p-white {
  margin-top: 1.1666666666666667em;
  margin-bottom: 1.1666666666666667em;
  padding-top: 1.1666666666666667em;
  color: #fff;
  font-size: .75em;
  line-height: 1.2;
}

p.paragraph.p-tou {
  line-height: 1.2;
}

p.paragraph span.paragraph-text-3 {
  font-style: italic;
}

p.paragraph span.paragraph-text-4 {
  font-style: italic;
}

p.paragraph.p-dkBlue.p-white {
  color: #0b063c;
}

blockquote.blockquote-1 {
  color: #fff;
  text-align: center;
  font-weight: 400;
  font-size: 1.25em;
  font-family: 'Times New Roman', TimesNewRoman, Times, Baskerville, Georgia, serif;
  line-height: 1.2;
}

blockquote.block-song {
  margin-left: 10%;
  padding: .4166666666666667em 0;
  width: 80%;
  background-color: #e0e078;
  text-align: center;
  font-weight: 700;
  font-size: .75em;
}

a.link-text.sidebar-link {
  margin-top: -.8333333333333334em;
  margin-bottom: 0;
  color: #a01010;
  text-decoration: underline;
  font-weight: 700;
  font-size: .75em;
}

a.link-text span.order-link {
  text-decoration: underline;
  font-weight: 700;
  font-size: 1.1428571428571428em;
}

a.link-text.kindle-w-space {
  padding-bottom: 3.4285714285714284em;
  text-align: center;
}

/* Common Elements */

.placeholder.small-hero-1 {
  background-color: transparent;
}

.placeholder.sidebar-hero {
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}

.placeholder {
  width: auto;
}

/* Interaction Elements */

form.form-container.form-container-1 {
  margin-top: .4375em;
  border-width: .0625em;
  border-style: solid;
  border-radius: 14px;
  background-color: rgba(128, 128, 128, .25);
}

input[type=text].input-1 {
  margin: .14285714285714285em 10% .35714285714285715em;
  padding-top: .35714285714285715em;
  padding-bottom: .35714285714285715em;
  max-width: 35.714285714285715em;
  width: 80%;
}

textarea.textarea-1 {
  margin-left: 10%;
  padding-left: 0;
  width: 80%;
  height: 7.142857142857143em;
}

label.label.label-1 {
  margin-top: .7142857142857143em;
  margin-bottom: 0;
  margin-left: 10%;
  width: 80%;
}

/* Layout Elements */

body > .row > [class*='coffee-span-'].column-1 {
  border-left: .4375em solid rgba(128, 128, 128, .25);
}

body.grid-1 {
  background-color: rgba(128, 128, 128, .25);
}

body > .row > [class*='coffee-span-'].column-2 {
  background-color: #fff;
}

body > .row > [class*='coffee-span-'].column-3 {
  background-color: #fff;
}

body > .row.row-1 {
  background-color: #fff;
}

body > .row.footer-row {
  border-top: .4375em solid rgba(128, 128, 128, .25);
  background-color: #fff;
}

body > .row > [class*='coffee-span-'].col-order {
  border-width: .0625em;
  border-style: dotted;
}

body > .row.row-2 {
  background-color: #fff;
}

body > .row.row-3 {
  background-color: #fff;
}

body > .row.row-4 {
  background-image: url('../images/wallpaper.jpg');
  background-size: cover;
}

body > .row > [class*='coffee-span-'].col-song {
  padding-top: 3.125em;
  min-height: 12.5em;
}

body > .row.row-5 {
  background-color: #fff;
}

body > .row > [class*='coffee-span-'].column-4 {
  min-height: 9.375em;
  background-image: url('../images/wallpaper.jpg');
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-1 {
  padding-right: 0;
  padding-left: 0;
}

.subgrid > .row > [class*='coffee-span-'].rule-col {
  min-height: .9375em;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-2 {
  margin: 1.3125em 0 0;
  border-radius: 14px;
  background-color: #284878;
}

.subgrid > .row.subgrid-row-1 {
  background-color: #fff;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-3 {
  margin-bottom: 30px;
  border-width: .0625em;
  border-style: solid;
}

.subgrid > .row.subgrid-row-2 {
  background-color: #3c3c78;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-4 {
  float: left;
}

.subgrid > .row > [class*='coffee-span-'].subgrid-column-5 {
  background-color: #93a5e7;
}

.subgrid > .row.subgrid-row-4 {
  background-color: #93a5e7;
}

.subgrid > .row > [class*='coffee-span-'].col-book-banner {
  min-height: 320px;
  background-color: #cfe793;
}

.subgrid > .row > [class*='coffee-span-'].red-order-col {
  background-color: #c02020;
}

.subgrid > .row.subgrid-row-3 {
  margin-top: 0;
  background-color: #c02020;
}

.container.container-1 {
  margin-right: auto;
  margin-left: auto;
  min-width: 5.625em;
  min-height: 9.0625em;
  width: 90%;
}

.container.container-2 {
  width: 99%;
}

div.responsive-picture.picture-1 {
  display: inline-block;
  overflow: visible;
  margin-top: .4375em;
  margin-bottom: .4375em;
  padding-bottom: 0;
  min-width: 0;
  max-width: 6.25em;
  width: 90%;
  vertical-align: bottom;
}

a.responsive-picture.picture-link-1 {
  display: block;
  float: left;
  max-width: 18.75em;
  max-height: 28.125em;
  width: 33%;
}

div.responsive-picture.picture-2 {
  margin-right: auto;
  margin-left: auto;
}

div.responsive-picture.med-pic-float {
  float: left;
  max-width: 18.75em;
  width: 33%;
}

p.smallhero-tagline.hero-tag {
  font-style: italic;
}

p.smallhero-tagline.smaller {
  margin-top: .5833333333333334em;
  text-align: left;
  font-style: normal;
  font-size: .75em;
  line-height: 1.2;
}

div.responsive-picture.picture-3 {
  margin-right: auto;
  margin-left: auto;
  max-width: 75em;
  width: 90%;
}

p.smallhero-tagline span.small-hero-tag-text {
  font-size: .7142857142857143em;
}

.row > [class*='coffee-span-'] .html-element.html-media {
  position: absolute;
  float: none;
  clear: right;
  min-width: 19.0625em;
  min-height: 1.875em;
  max-width: 37.5em;
  max-height: 3.125em;
  width: auto;
}

.row > [class*='coffee-span-'] .html-element.html-song-control {
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  background-color: rgba(0, 0, 0, .25);
}

div.responsive-picture.picture-5 {
  margin-right: auto;
  margin-left: auto;
  max-width: 25em;
}

button.button-submit-1 {
  position: static;
  display: block;
  float: right;
  margin-right: 10%;
  margin-left: 10%;
  padding-top: .625em;
  padding-bottom: .625em;
  width: auto;
  border-width: .0625em;
  border-color: #000;
  border-radius: 14px;
  font-weight: 700;
}

div.responsive-picture.ord-pic {
  float: none;
  margin-right: auto;
  margin-left: auto;
  max-width: none;
  max-height: 18.75em;
  width: 70%;
}

.row > [class*='coffee-span-'] > form.form-container {
  width: auto;
}

.row > [class*='coffee-span-'] > .container {
  width: auto;
}

div.responsive-picture.book-banner {
  float: none;
  margin-right: auto;
  margin-left: auto;
  max-width: none;
  max-height: 18.75em;
  width: 70%;
}

@media screen and (max-width: 64em) {
  /* Text Elements */

  h1.trliogy {
    font-size: 28px;
  }

  p.paragraph.paragraph-1 {
    padding-top: .35714285714285715em;
    line-height: 1.7;
  }

  /* Layout Elements */

  .subgrid > .row > [class*='coffee-span-'].col-book-banner {
    margin-top: 0;
    min-height: 340px;
  }

  .subgrid > .row.subgrid-row-5 {
    padding-bottom: 15px;
  }

  .row > [class*='coffee-span-'] .html-element.html-song-control {
    width: 80%;
  }

  div.responsive-picture.picture-6 {
    margin-right: auto;
    margin-left: auto;
  }

  div.responsive-picture.book-banner {
    margin-top: 5%;
    margin-bottom: 5%;
    max-height: 100%;
    width: 90%;
  }
}

@media screen and (max-width: 50.0625em) {
  /* Text Elements */

  h1.trliogy {
    text-align: center;
  }

  p.paragraph.paragraph-1 {
    padding-top: .35714285714285715em;
    line-height: 1.5;
  }

  p.paragraph.paragraph-2 {
    line-height: 1.5;
  }

  p.paragraph.p-dkBlue.p-white {
    color: #0b063c;
  }

  div.responsive-picture.picture-3 {
    width: 100%;
  }
}

@media screen and (max-width: 34.9375em) {
  /* Text Elements */

  h1.heading-1 {
    font-size: 1.75em;
  }

  h1.trliogy {
    font-size: 28px;
  }

  p.paragraph.p-dkBlue.p-white {
    color: #0b063c;
  }

  div.responsive-picture.picture-1 {
    max-width: 4.375em;
  }

  .row > [class*='coffee-span-'] .html-element.html-song-control {
    width: auto;
  }

  div.responsive-picture.book-banner {
    margin-top: 5%;
    margin-bottom: 5%;
    max-height: 100%;
    width: 90%;
  }
}

@media screen and (max-width: 26.25em) {
  /* Text Elements */

  h1.heading-1 {
    font-size: 1.5em;
  }

  h1.trliogy {
    color: #0b063c;
    text-align: center;
    font-size: 20px;
  }

  p.paragraph.p-white {
    color: #fff;
  }

  /* Layout Elements */

  .subgrid > .row > [class*='coffee-span-'].col-book-banner {
    min-height: auto;
  }

  .subgrid > .row > [class*='coffee-span-'].red-order-col {
    background-color: #a50001;
  }

  .subgrid > .row.subgrid-row-3 {
    background-color: #a50001;
  }

  div.responsive-picture.picture-1 {
    max-width: 3.125em;
    width: 90%;
  }

  div.responsive-picture.ord-pic {
    margin-top: 5%;
    margin-bottom: 5%;
    max-height: 100%;
    width: 90%;
  }

  div.responsive-picture.book-banner {
    margin-top: 5%;
    margin-bottom: 5%;
    max-height: 100%;
    width: 90%;
  }
}