/*
 * Fallback newsletter stylesheet of mesch_newsletter, used when the theme has
 * no css/newsletter.css (see Assets::resolveStylesheet()). A theme overrides
 * it completely by providing its own newsletter stylesheet.
 *
 * Mail rendering inlines these rules into style attributes (CssToInlineStyles);
 * the @media rules stay in the <style> block for clients that support it.
 * Inline styles set by the block templates (e.g. buttons, see
 * Assets::mailButton()) win over these rules.
 */

body {
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

/* Outlook does not inherit fonts from body into tables. */
td {
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

#backgroundTable {
    background-color: #f2f2f2;
}

#header,
#content,
#content-footer {
    background-color: #ffffff;
}

#footer td {
    color: #777777;
    font-size: 12px;
}

h1, h2, h3, h4 {
    margin: 0 0 12px 0;
    color: #222222;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.25;
}

h1 { font-size: 28px; }
h2 { font-size: 23px; }
h3 { font-size: 19px; }
h4 { font-size: 16px; }

p {
    margin: 0 0 12px 0;
}

a {
    color: #0b5cad;
    text-decoration: underline;
}

img {
    border: 0;
    outline: none;
    text-decoration: none;
}

/* Space below every block, see Assets::blockStart(). */
.block-content {
    padding-bottom: 20px;
}

.page_title_block .block-content {
    padding-top: 30px;
}

/* Rules of the horizontal rule block and of <hr> in rich text. */
.horizontal_rule_block .rule {
    background-color: #dddddd;
}

.page-list-entry-date,
.event-list-event-date {
    margin-bottom: 6px;
    color: #777777;
    font-size: 13px;
}

.gallery-caption {
    margin: 6px 0 0 0;
    color: #777777;
    font-size: 13px;
}

.testimonial-quote {
    font-style: italic;
}

.event-list-date {
    padding: 8px 0;
    background-color: #f2f2f2;
    font-size: 13px;
}

/* Small screens: full width newsletter, stacked columns. */
@media only screen and (max-width: 620px) {
    #header, #content, #content-footer, #footer,
    .content_block, .image_block, .layout_block {
        width: 100% !important;
    }
    .mail-column {
        display: block !important;
        width: 100% !important;
    }
    img {
        max-width: 100% !important;
        height: auto !important;
    }
}