/* PLEASE READ THIS:
 *
 * This file is split into four categories: A, B, C, and D.
 *
 * For new posts or pages, see if you can do what you need with category
 * C, and if that doesn't work, try D.
 *
 * Categories A and B should only be changed when altering the website
 * or its general layout or style as a whole.
 */


/* A. General RST or website classes
 *
 * NOTE: These affect ReStructuredText generated content or the website
 * in general, so altering them will alter many different parts of our
 * website style.
 *
 * These influence multiple different kinds of RST generated content,
 * so they are not very specific.
 */

cite {
    /* Note that "cite" currently only appears in a single blog post and
     * comes from the ReST `single backtick` markup. */
    font-style: oblique;
    color: rgb(0, 30, 60);
}

dl.docutils dt {
    margin-top: 32px;
}

dl.docutils dd {
    margin-left: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
    white-space: pre-line;
}

.admonition {
    /* Use RST admonitions for todos, warnings, updates. They are styled
     * here to look slightly scary, so readers won't miss them.
     */
    font-family: "Roboto"; sans-serif;
    font-style: italic;
}

p.admonition-title {
    /* Use RST admonitions for todos, warnings, updates. They are styled
     * here to look slightly scary, so readers won't miss them.
     */
    font-size: 110%;
    font-style: bold;
    margin-bottom: 6px;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

.caption {
    font-size: 80%;
}

.align-center {
    text-align: center;
}

.docutils.literal {
    font-family: "Courier New" Courier monospace;
    border: rgba(0, 0, 0, 0.1) dashed 1px;
    background: rgba(128, 128, 128, 0.05);
    padding: 1px;
}

.rss-header {
    right: 0px;
    position: absolute;
}


/* B. Specific RST directives
 *
 * Like category A, changing these will alter many parts of our website
 * style. Unlike category A, these are specific to single kinds of RST
 * markup (eg: "formula" for formula directives only).
 */
.formula {
    margin-bottom: 32px;
    text-align: center;
}

.formula sup {
    font-size: smaller;
    padding-left: 2px;
    vertical-align: super !important;
}

.formula i {
    font-style: italic !important;
}


/* C. Re-usable ZECC-specific classes.
 *
 * Always prefix these class names with "zecc-" to avoid breaking any
 * general RST or website styling.
 *
 * These aren't part of RST generated content by default. RST source
 * must opt-in to them, for example by using a :class: option to an RST
 * image directive.
 *
 * These affect all of our content which opts-in to them.
 *
 * Whenever you can, please re-use these classifications, so that our
 * content remains consistent as we evolve.
 */
.zecc-blog-standard-image {
    /* Use this class for "standard" images on a blog posts. Suitable for
     * "leading / theme" images.
     */
    width: auto !important;
    height: 180px !important;
    margin: 0 auto;
    margin-bottom: 8px;
}


/* D. Specific Cases
 *
 * These are CSS directives that are specific to single cases, like a
 * single blog post or image.
 *
 * 1. Avoid creating these if you can use anything already in category C.
 *
 * 2. If you can't use anything in category C, does anything already
 * present in category D fit your needs? If so, make it a general category
 * by moving it into the category C section, renaming it to be more general,
 * and then edit the previous content to use the new name. Finally, add
 * your new content with this new category C class.
 *
 * 3. If 2 also doesn't work, then add a new content-specific case here.
 */

.new-hire-post h2 {
  color: #5c6062;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 10px;
}

.new-hire-post h3 {
  color: #3c87b9;
  font-size: 25px;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
}

.new-hire-post blockquote {
  line-height: 1.4;
  font-style: italic;
  margin-top: -10px;
}


.blog-sprout-roadmap {
    width: auto !important;
    height: 100px !important;
    margin: 0 auto;
    margin-bottom: 8px;
}

.zcash-launch-roadmap {
    width: auto !important;
    height: 200px !important;
    margin: 0 auto;
    margin-bottom: 8px;
}

.blog-imessage-research-team {
    width: auto !important;
    height: 200px !important;
    margin: 0 auto;
    margin-bottom: 8px;
}