/* Font Sizes
--------------------------------------------- */

.entry-content p.has-small-font-size {
    font-size: 12px;
}

.entry-content p.has-regular-font-size {
    font-size: 16px;
}

.entry-content p.has-large-font-size {
    font-size: 20px;
}

.entry-content p.has-larger-font-size {
    font-size: 24px;
}


/* Color Palette
--------------------------------------------- */

.entry-content .has-light-gray-background-color {
    background-color: #f5f5f5;
}

.entry-content .has-light-gray-color {
    color: #f5f5f5;
}

.entry-content .has-medium-gray-background-color {
    background-color: #999;
}

.entry-content .has-medium-gray-color {
    color: #999;
}

.entry-content .has-dark-gray-background-color {
    background-color: #333;
}

.entry-content .has-dark-gray-color {
    color: #333;
}


/* Background Color
--------------------------------------------- */

.entry-content p.has-background {
    padding: 25px 30px;
}

.entry-content p.has-background.box-shadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.entry-content p.has-background.light-text a {
    color: #fff;
    text-decoration: underline;
}

.entry-content p.has-background.light-text a:focus,
.entry-content p.has-background.light-text a:hover {
    text-decoration: none;
}


/* Alignment
--------------------------------------------- */

.wp-block-button.alignleft,
.wp-block-cover.alignleft,
.wp-block-image .alignleft {
    margin-right: 2em;
}

.wp-block-button.alignright,
.wp-block-cover.alignright,
.wp-block-image .alignright {
    margin-left: 2em;
}

.wp-block-image.alignwide,
.wp-block-image.alignfull,
.wp-block-embed.alignwide,
.wp-block-embed.alignfull {
    margin-bottom: 30px;
}

.full-width-content .entry-content .alignfull {
    margin-left: calc( -100vw / 2 + 100% / 2);
    margin-right: calc( -100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.content-sidebar .entry-content .alignfull,
.sidebar-content .entry-content .alignfull {
    margin: 0 0 2em;
    width: 100%;
}


/* Columns
--------------------------------------------- */

.entry-content .wp-block-columns {
    display: block;
    margin-bottom: 30px;
}

.entry-content .wp-block-columns .wp-block-column {
    margin-left: 15px;
    margin-right: 15px;
}

.entry-content .wp-block-columns .wp-block-column:first-of-type {
    margin-left: 0;
}

.entry-content .wp-block-columns .wp-block-column:last-of-type {
    margin-right: 0;
}


/* Cover Image
--------------------------------------------- */

.full-width-content .entry-content .wp-block-cover.alignfull {
    width: 100vw;
}

.entry-content .wp-block-cover .wp-block-cover-text {
    font-size: 48px;
}


/* Buttons
--------------------------------------------- */

.content .wp-block-button .wp-block-button__link {
    background-color: #42a781;
    border: 0;
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    width: auto;
}

.content .wp-block-button .wp-block-button__link:focus,
.content .wp-block-button .wp-block-button__link:hover {
    background-color: #000;
    color: #fff;
}


/* Blockquotes and captions
---------------------------------------------------------------------------------------------------- */

.entry-content .wp-block-quote,
.entry-content .wp-block-pullquote {
    border: none;
    margin: 24px 24px 36px;
}

.entry-content .wp-block-quote p,
.entry-content .wp-block-pullquote p {
    font-size: 21px;
    font-style: italic;
    line-height: 1.8;
    margin-bottom: 42px;
}

.entry-content .wp-block-quote.is-large p,
.entry-content .wp-block-pullquote.is-large p,
.entry-content .wp-block-quote.alignwide p,
.entry-content .wp-block-pullquote.alignwide p,
.entry-content .wp-block-quote.alignfull p,
.entry-content .wp-block-pullquote.alignfull p {
    font-size: 26px;
    margin-bottom: 52px;
}

.entry-content .wp-block-quote cite,
.entry-content .wp-block-pullquote cite {
    color: #666;
    display: block;
    font-family: 'Source Sans Pro', serif;
    font-size: 16px;
    font-style: italic;
    margin-top: -25px;
    text-align: right;
}

.entry-content .wp-block-audio figcaption,
.entry-content .wp-block-embed figcaption,
.entry-content .wp-block-image figcaption {
    color: #666;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 30px;
    margin-top: 10px;
}

.entry-content .wp-block-quote[class*="align"] cite,
.entry-content .wp-block-pullquote[class*="align"] cite {
    text-align: center;
}


/* Other Blocks
---------------------------------------------------------------------------------------------------- */

.wp-block-verse,
.wp-block-preformatted {
    font-size: 16px;
}

.wp-block-preformatted {
    white-space: pre-wrap;
}

hr.wp-block-separator {
    border: none;
    border-top: 1px solid #eee;
    margin: 1.65em auto;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 100px
}

.wp-block-audio audio {
    display: inline-block;
    width: 100%;
}

.entry-content .wp-block-gallery {
    padding-left: 0;
}


/* Media Queries
--------------------------------------------- */

@media only screen and (min-width: 510px) {
    .entry-content .wp-block-columns {
        display: flex;
    }
    .entry-content .wp-block-columns .wp-block-column {
        flex: 1;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media only screen and (min-width: 1062px) {
    .full-width-content .entry-content .alignwide {
        margin-left: -180px;
        margin-right: -180px;
        min-width: 1062px;
    }
}