/*
Theme Name: Libretto Child
Theme URI: https://example.com/
Description: Child theme for Libretto.
Author: Alex
Template: libretto
Version: 1.0.0
Text Domain: libretto-child
*/

body,
button,
input,
select,
textarea {
  color: #363431;
  font-family: "new-zen-light", sans-serif;
  font-size: 17px;
  font-weight: 300;
  font-size: 1.7rem;
  line-height: 2;
}

.entry-content blockquote, .entry-content blockquote p {
    color: #734A7F;
    font-size: 130%;
    line-height: 3.5rem;
}

.entry-content strong {
    color: #734A7F;
}

.entry-content .cquote {
  width: 90%;
  padding-left: 5%;
  font-size: 105%;
  border-left: 2px solid #734A7F;
  font-weight: 500;
}

.entry-content .box {
  padding: 1rem;
  width: 60%;
  font-weight: 500;
  background-color: #f1e8fa;
  border-radius: 2rem;
  margin: 2rem auto 1rem auto;
  font-family: 'willard-sniffin-script', sans-serif;
  font-size: 150%;
}

.entry-content .box strong {
  font-weight: 500;
  color: black;
}

.entry-content .candiequote {
  font-family: 'protest-revolution', serif;
}

.entry-content .candiebio {
  font-family: 'cherry-blossoms-regular', sans-serif;
  font-size: 180%;
}

.entry-content .different {
  font-style: italic;
  margin: 0 auto 1rem auto;
}

body {
  background: #d0f2fc;
  background-image: url('candie-swirls-3c.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
}


h1, h2, h3, h4, .site-branding h1 {
  font-style: normal;
  color: #734A7F;
}

h1 {
    font-family: "alana", /*"cinque-donne-pro", */ serif;
    font-size: 450%;
    font-weight: 700;
}

h2, h3, h4 {
  font-family: "new-zen-light", sans-serif;
  font-weight: bold;
}

h2 {
  font-size: 160%;
}

h3 {
  font-size: 130%;
}

.article, .libretto-long-form {
  background-color: white;
}

.entry-content p {
    font-size: 110%;
    line-height: 2.9rem;
    font-weight: 300;
}

.entry-content figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

a,
a:hover,
a:focus,
a:active,
a:visited {
  color: #734A7F;
}

.ce-strap, .libretto-has-header-image .title-block p {
  font-family: "area-normal-black", serif;
  font-weight: 400;
  font-size: 240%;
  text-transform: lowercase;
}

#colophon .site-info {
    text-align: center;
    padding: 0 2rem;
    float: none;
}

.libretto-has-header-image #masthead, #masthead {
    background-image: none;
    background-color: transparent;
    text-align: center;
    margin-bottom: 2rem;
}

.libretto-has-header-image #masthead:after {
    background-image: none;
    background-color: transparent;
    height: 0;
}

.libretto-has-header-image .title-block {
  position: relative;
  margin: auto 4rem auto 0;
  text-shadow: none;
  color: #734A7F;
}

.libretto-has-header-image .title-block p {
    margin-top: 2rem;
    font-size: 200%;
    font-weight: 400;
}

.format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type:first-letter,
.page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type:first-letter,
.emphasis:first-letter {
  color: #734A7F;
}

.format-standard:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type:first-line,
.page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type:first-line,
.emphasis:first-line {
  color: #734A7F;
}

.libretto-has-header-image .title-block img {
    height: 55vh;
    margin-top: 2rem;
    width: auto;
    border: 1px solid #734A7F;
    box-shadow: 5px 5px 5px #734A7F;
}

/* Header has more space, so let's use it */
.libretto-has-header-image #masthead {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-width: 0;
}

.libretto-has-header-image #masthead h1, #masthead h1 {
  color: #734A7F;
}

@media only screen and (max-width: 640px) {
  .title-block .site-logo-link {
    display: inherit;
  }

  .title-block h1,
  .entry-title,
  .entry-title a {
    font-size: 3.5rem;
  }

  .site-branding {
    display: inherit;
  }

  .site-description {
    display: inherit;
  }

  .single .title-block:before {
    display: inherit;
  }

  body {
    background-position: center 30vh;
  }

}