/*--------------------------------------------------------------------
 * Template: Muir
 * Publisher: Inkling
 * Last Updated: 2014-05-02
 *
 * Please consider our style recommendations:
 *
 * 1. Every block of CSS should contain a comment explaining
 *    its purpose.
 *
 * 2. Avoid using !important tags at all costs! Respect the cascade.
 *
 * 3. Use the least specific selector for the job (avoid
 * 	  overqualifying).
 *
 * Happy Styling!
 * - The Inkling Team
 *------------------------------------------------------------------*/
/*--------------------------------------------------------------------
 * Core CSS - Do not remove
 *------------------------------------------------------------------*/
@import url("core.css");
/*--------------------------------------------------------------------
 * Add custom theme styles below.
 *------------------------------------------------------------------*/

/** Custom CSS */

.blog-header {
  margin-top: 0em !important;
}

header {
  margin-top: 2em;
}

figure.center,
figure.center iframe {
  text-align: center;
}

.quote > blockquote {
  margin-left: 1.5em;
  margin-right: 1.5em;
}

.quote figcaption {
  margin-top: 0.8em;
}

.interviewee-bio {
  font-style: italic;
}

.interviewer {
  font-weight: bold;
}

.interviewer::before {
  content: "Brad Neuberg: ";
}

figure img,
figure figcaption {
  max-width: 600px;
}

figure.one-whole img,
figure.one-whole iframe,
figure.one-whole figcaption {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

figure.one-whole {
  margin-left: auto;
  margin-right: auto;
}

/** Target all iPhones. */
@media only screen and (max-device-width: 480px) {
  header {
    margin-top: 0.2rem;
    padding-top: 0;
  }

  header > h1 {
    font-size: 1rem;
  }
}

/**
  * Style Stretchtext elements. We have to copy the CSS in here so we can see Stretchtext during
  * editing. We can't load in external stylesheets from third-party domains. Keep this in sync
  * with the actual stretchtext.css file.
  */
[epub-type="stretchsummary"],
[epub\:type="stretchsummary"],
.stretchsummary {
  border: 1px dashed gray;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

[epub-type="stretchsummary"]:hover,
[epub\:type="stretchsummary"]:hover,
.stretchsummary:hover {
  border-style: solid;
}

[epub-type="stretchsummary"]::after,
[epub\:type="stretchsummary"]::after,
.stretchsummary::after {
  content: "\00bb"; /* >> character */
  color: #88886d;
  padding-left: 3px;
  padding-right: 3px;
}

[epub-type="stretchsummary"] + [epub-type="stretchdetail"],
[epub\:type="stretchsummary"] + [epub\:type="stretchdetail"],
.stretchsummary + .stretchdetail {
  margin-left: 0.1em;
}

[epub-type="stretchdetail"],
[epub\:type="stretchdetail"],
.stretchdetail {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

[epub-type="stretchdetail"].stretchtext-open,
/** Modified to always show background. */
/** [epub\:type="stretchdetail"].stretchtext-open, */
[epub\:type="stretchdetail"],
.stretchdetail.stretchtext-open {
  opacity: 1;
  background-color: #FAF0E6;
}

[epub-type="stretchsummary"].stretchtext-open::after,
[epub\:type="stretchsummary"].stretchtext-open::after,
.stretchsummary.stretchtext-open::after {
  content: "\00ab"; /* << character */
}