/**
 File exists purely to hook into wp_add_inline_styles();

 Author: Obox Themes
 Author URI: http://www.oboxthemes.com/
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.blocks {
    --article-padding:  18px;
    --pad-sm:           1.5em;
    --pad-md:           2em;
    --pad-lg:           3em;

    --p-max:            700px;
    --wide-max:         1040px;

    --font-sm:          15px;

    --color-black:      #222;
    --color-mid-grey:   #7A7A7A;
    --color-light-grey: #ccc;

    --color-text:       var(--color-mid-grey);

    font-family: "myriad-pro", sans-serif;
    font-size: 16px;
}

@media only screen and (min-width: 768px) {
    .blocks {
        font-size: 18px;
    }
}

.blocks.container {
    max-width: none;
    padding: 0;
    margin: 0;
}

.blocks article > *:not(.alignfull, .alignwide) {
    max-width: var(--p-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--article-padding);
    padding-right: var(--article-padding);
}

.blocks .wp-block-column p,
.blocks .wp-block-column .wp-block-heading {
    padding-left: var(--article-padding);
    padding-right: var(--article-padding);
}

.blocks article > .alignwide {
    max-width: var(--wide-max);
    margin-left: auto;
    margin-right: auto;
}

.blocks p {
    margin-top: 1em;
    margin-bottom: 1em;
}


.blocks p.has-small-font-size {
    font-size: var(--font-sm) !important;
}

.blocks mark {
    font-style: unset;
    font-weight: unset;
}

.blocks .has-drop-cap:not(:focus):first-letter {
    font-size: 5.5em;
}

.blocks .wp-block-heading {
    line-height: 1.1;
    margin-bottom: 0.33em;
}

.blocks h1 {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 400;
}

.blocks h4 {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: var(--font-sm);
    font-weight: 800;
}

.blocks h5 {
    font-size: var(--font-sm);
    font-weight: 400;
    margin-top: 0.25em;
}

.blocks h5 + p {
    margin-top: 0.5em;
}

.blocks img {
    max-height: calc(100vh - 75px);
    object-fit: contain;
    object-position: left;
    width: auto;
}

.blocks figcaption {
    font-size: var(--font-sm);
    margin-top: 0.75em;
}

.blocks .alignwide figcaption, .blocks .alignfull figcaption {
    padding-left: var(--article-padding);
    padding-right: var(--article-padding);
}

.blocks .wp-block-image.alignfull img, .blocks .wp-block-image.alignwide img {
    object-position: center;
}

.blocks figcaption:last-child {
    margin-bottom: 0;
}

.blocks article > .wp-block-image:not(:first-child, :last-child), .blocks .wp-block-columns, .blocks .wp-block-gallery, .blocks .wp-block-table, .blocks .wp-block-separator {
    margin-top: var(--pad-md);
    margin-bottom: var(--pad-md);
}

.blocks .wp-block-image .aligncenter>figcaption, .blocks .wp-block-image .alignleft>figcaption, .blocks .wp-block-image .alignright>figcaption, .blocks .wp-block-image.aligncenter>figcaption, .blocks .wp-block-image.alignleft>figcaption, .blocks .wp-block-image.alignright>figcaption {
    display: block;
}

.blocks .wp-block-image:not(:last-child) {
    margin-bottom: var(--pad-md);
}

.blocks .wp-block-columns.alignfull p {
    max-width: var(--p-max);
    padding-left: var(--article-padding);
    padding-right: var(--article-padding);
}

.blocks .wp-block-heading + .wp-block-image {
    margin-top: 1em;
}

@media only screen and (max-width: 480px) {

    .blocks .wp-block-image .alignleft, .blocks .wp-block-image .alignright {
        float: none;
        margin: 0;
    }
}

@media only screen and (min-width: 768px) {

    .blocks .wp-block-image .alignleft, .blocks .wp-block-gallery.alignleft, .blocks .wp-block-image .alignright {
        max-width: 50%;
    }

    .blocks .wp-block-image .alignleft, .blocks .wp-block-gallery.alignleft {
        margin-right: var(--pad-sm);
    }

    .blocks .wp-block-image .alignright, .blocks .wp-block-gallery.alignright {
        margin-left: var(--pad-sm);
    }

    .blocks .alignfull .wp-block-column:not(:last-child) p,
    .blocks .alignfull .wp-block-column:not(:last-child) .wp-block-image figcaption {
        padding-right: 0;
    }

    .blocks .alignfull .wp-block-column:not(:first-child) p,
    .blocks .alignfull .wp-block-column:not(:first-child) .wp-block-image figcaption {
        padding-left: 0;
    }

    .blocks .wp-block-column p,
    .blocks .wp-block-column .wp-block-heading {
        padding-left: 0;
        padding-right: 0;
    }

    .blocks .wp-block-image .alignleft figcaption,
    .blocks .wp-block-image .alignright figcaption {
        display: block;
    }
}

@media only screen and (min-width: 1040px) {

    .blocks .wp-block-columns.alignfull, .blocks .wp-block-columns.alignwide {
        margin-top: var(--pad-lg);
        margin-bottom: var(--pad-lg);
    }

    .blocks .wp-block-image .alignleft, .blocks .wp-block-image .alignright, .blocks .wp-block-gallery.alignleft, .blocks .wp-block-gallery.alignright {
        max-width: 66.66%;
    }

    .blocks .wp-block-image .alignleft, .blocks .wp-block-image .alignright {
        display: block;
    }

    .blocks .wp-block-image .alignleft.size-large, .blocks .wp-block-image .alignleft.size-full,
    .blocks .wp-block-gallery.alignleft {
        margin-left: -33.33%;
        margin-right: var(--pad-md);
        clear: left;
    }

    .blocks .wp-block-image .alignright.size-large, .blocks .wp-block-image .alignright.size-full,
    .blocks .wp-block-gallery.alignright {
        margin-left: var(--pad-md);
        margin-right: -33.33%;
        clear: right;
    }

    .blocks .alignwide figcaption {
        padding-left: 0;
        padding-right: 0;
    }
}


.blocks .wp-block-cover {
    margin-bottom: var(--pad-md);
}

@media only screen and (min-width: 1200px) {
    .blocks .wp-block-cover {
        padding-left: var(--pad-lg);
        padding-right: var(--pad-lg);
    }
}

.blocks .wp-block-cover__inner-container {
    max-width: var(--wide-max);
}

.blocks .wp-block-cover__inner-container p {
    max-width: var(--p-max);
    color: var(--color-text);
}

.blocks .wp-block-cover .wp-block-group {
    padding: var(--pad-sm);
    margin-bottom: -1em;
}

@media only screen and (min-width: 1200px) {
    .blocks .wp-block-cover .wp-block-group {
        padding: var(--pad-md) var(--pad-lg);
    }
}


.blocks .wp-block-table table, .blocks .wp-block-table td {
    border: none;
    font-size: var(--font-sm);
    padding: 0.15em 0 0.15em 1em;
    line-height: normal;
}

.blocks .wp-block-table td:first-child {
    color: var(--color-black);
    padding-left: 0;
}


.blocks article > .wp-block-separator {
    border-color: var(--color-light-grey);
    border-bottom: 0;
    max-width: calc(var(--p-max) - 2em);
}



.blocks .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    position: static;
    padding: 0;
    text-align: left;
    max-height: none;
    overflow: visible;
    background: none;
    color: var(--color-text);
    margin: 0.5em 0 1em;
}


/* hide thumb on projects */

.projects .thumbnail {
    display: none;
}