:root{
    
/* BLOG TILE */

    /* Blog tile - title */
    --blog-tile-title-txt-color: var(--global-txt-color);
    --blog-tile-title-txt-color-hover: var(--accent-color);
    --blog-tile-title-f-size: 34px;
    --blog-tile-title-f-weight: 500;
    --blog-tile-title-font: var(--global-headers-font);
    --blog-tile-title-text-transform: none; /* uppercase, none */
    --blog-tile-title-letter-spacing: normal;
    --blog-tile-title-margins: 0 0 10px 0;
    --blog-tile-title-color: rgb(0,48,58);
    /* Blog tile - meta */
    --blog-tile-meta-txt-color: var(--global-second-txt-color);
    --blog-tile-meta-f-size: 12px;
    --blog-tile-meta-f-weight: 500;
    --blog-tile-meta-font: var(--global-headers-font);
    --blog-tile-meta-text-transform: none; /* uppercase, none */
    --blog-tile-meta-letter-spacing: normal;

    /* Blog tile - category */
    --blog-tile-category-txt-color: var(--accent-color);
    --blog-tile-category-f-size: 14px;
    --blog-tile-category-f-weight: 600;
    --blog-tile-category-font: var(--global-headers-font);
    --blog-tile-category-text-transform: uppercase; /* uppercase, none */
    --blog-tile-category-letter-spacing: normal;

    /* Blog tile - excerpt */
    --blog-tile-excerpt-txt-color: var(--global-second-txt-color);
    --blog-tile-excerpt-f-size: 16px;
    --blog-tile-excerpt-f-weight: 400;
    --blog-tile-excerpt-display: block; /* block, none, it has customizer setting */

    /* Blog tile - order of items */
    --blog-tile-order-title: 2;
    --blog-tile-order-categories: 3;
    --blog-tile-order-excerpt: 4;
    --blog-tile-order-meta: 1;

    /* Blog tile - general */
    --blog-tile-all-txt-position: left; /* left, center */
    --blog-tile-all-txt-bg: transparent;
    --blog-tile-all-txt-paddins: 20px 0;
    --blog-tile-image-transform-hover: scale(1.1); /* none, scale(1.1) - i.e. image animation */

/* BLOG POST */

    /* Blog post - category */
    --blog-post-category-txt-color: var(--accent-color);
    --blog-post-category-f-size: 14px;
    --blog-post-category-f-weight: 600;
    --blog-post-category-text-transform: uppercase; /* uppercase, none */
    --blog-post-category-letter-spacing: normal;

    /* Blog post - meta */
    --blog-post-meta-txt-color: var(--global-second-txt-color);
    --blog-post-meta-f-size: 14px;
    --blog-post-meta-f-weight: 500;
    --blog-post-meta-font: var(--global-headers-font);
    --blog-post-meta-text-transform: none; /* uppercase, none */
    --blog-post-meta-letter-spacing: normal;
    --blog-post-meta-icons-display: inline; /* inline, none */

    /* Blog post - tag */
    --blog-post-tag-txt-color: var(--global-second-txt-color);
    --blog-post-tag-f-size: 16px;
    --blog-post-tag-f-weight: 500;
    --blog-post-tag-text-transform: none; /* uppercase, none */
    --blog-post-tag-letter-spacing: normal;

    /* Blog post - content (paragraph text content) */
    --blog-post-txt-color: var(--global-txt-color);
    --blog-post-txt-f-size: 16px;
    --blog-post-txt-f-weight: 400;
    --blog-post-txt-line-height: 1.7;
    --blog-post-border-content: 1px solid var(--global-border-color); /* lines before and after the text content */

/* BLOG - SIDEBAR AND WIDGETS */

    /* Blog sidebar */
    --blog-sidebar-bg: transparent; /* if has background then makes the sidebar merged */
    --blog-sidebar-border-radius: 0;
    --blog-sidebar-border: none; /* none, 1px solid #f0f2f3 */

    /* Widget */
    --widget-border: none;
    --widget-bg-color: rgba(193 170 128 / 8%);

    --widget-bg-color:rgba(130, 184, 255, 0.11);
 
    --widget-padding: 28px 32px 32px 32px; /* 28px 32px 32px 32px */
    --widget-margin-bottom: 2rem; /* 2rem, 0 - if zero then it makes the sidebar merged */
    --widget-txt-color: var(--global-txt-color);

    /* Widget - field - i.e. select, text input, tag (only border) */
    --widget-field-border-radius: 0;
    --widget-field-border-color: #d6c4b1;
    --widget-field-bg-color: #ffffff;

    /* Widget - title */
    --widget-title-txt-color: var(--global-txt-color);
    --widget-title-f-size: 20px;
    --widget-title-f-weight: 600;
    --widget-title-font: var(--global-headers-font);
    --widget-title-text-transform: uppercase; /* uppercase, none */
    --widget-title-letter-spacing: 1px;
    --widget-title-text-align: center; /* left, center */
    --widget-title-margin-bottom: 20px;
    --widget-title-padding-bottom: 0;
    --widget-title-border-bottom: 3px solid var(--accent-color); /* none, 1px solid #f0f2f3 */


    /* [USE CUSTOMIZER SETTING - Appearance -> Customize -> Tweaks ] */
    /* Blog sidebar - change side position - left, right */
    --blog-sidebar-position-flex-flow: row; /*  right -> row, left -> row-reverse */
    --blog-sidebar-position-margin: 0 0 0 20px; /* right -> 0 0 0 20px, left -> 0 20px 0 0 */

}
/* Widgets */

/* Sidebar widgets */
main .widget {
    color: var(--widget-txt-color);
    margin: 0 0 var(--widget-margin-bottom) 0;
    background-color: var(--widget-bg-color);
    padding: var(--widget-padding);
    border: var(--widget-border);
    border-radius: var(--global-border-radius);
    position: relative;
    box-shadow: none;
}

.widget-title {
    color: var(--widget-title-txt-color);
    font-size: var(--widget-title-f-size);
    font-weight: var(--widget-title-f-weight);
    font-family: var(--widget-title-font), serif;
    text-transform: var(--widget-title-text-transform);
    text-align: var(--widget-title-text-align);
    padding-bottom: var(--widget-title-padding-bottom);
    border-bottom: var(--widget-title-border-bottom);
    margin-top: 0;
    margin-bottom: var(--widget-title-margin-bottom);
    line-height: 1.5;
    letter-spacing: var(--widget-title-letter-spacing);
}

.blog-sidebar-widgets .widget-title {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1200px) {
    main .widget {
        margin: 0 0 var(--widget-margin-bottom) 0;
    }
}

@media (max-width: 1199px) {
    .widget-title {
        font-size: 18px;
    }
}

/* --------------- */
/* Blog */

/* Blog - sidebar */
.blog-sidebar {
    padding: 0;
    margin: 0;
}

.blog-sidebar-inner {
    margin: var(--blog-sidebar-position-margin);
}

.blog-sidebar-widgets {
    background: var(--blog-sidebar-bg);
    border-radius: var(--blog-sidebar-border-radius);
    border: var(--blog-sidebar-border);
    padding: 0;
    margin: 0;
}

@media (min-width: 1200px) {
    .blog-post-row,
    .blog-general {
        /* flex-flow: var(--blog-sidebar-position-flex-flow); */
        justify-content: center;
    }
}

@media (max-width: 1199px) {
    .blog-post .blog-sidebar {
        margin-top: 20px;
    }
}

/* Blog - sidebar - mobile */
@media (max-width: 1199px) {
    .blog-sidebar-inner {
        margin: 0 10px;
    }
}

/* Blog tile */
.blog-tile {
    background: transparent;
    overflow: hidden;
    margin: 0 1.5rem 14px 1.5rem;
}

.blog-tile .entry-title {
    line-height: 1.25;
    font-size: var(--blog-tile-title-f-size);
    font-weight: var(--blog-tile-title-f-weight);
    font-family: var(--blog-tile-title-font), serif;
    text-align: var(--blog-tile-all-txt-position);
    text-transform: var(--blog-tile-title-text-transform);
    letter-spacing: var(--blog-tile-title-letter-spacing);
   
    margin: var(--blog-tile-title-margins);
    text-decoration: none;
}
.post-inner .entry-title{
     color:var(--blog-tile-title-color);
}

@media (max-width: 1199px) {
    .blog-tile {
        margin: 0 15px 15px 15px;
    }

    .blog-tile .entry-title {
        font-size: 24px;
        margin: 0 0 10px 0;
    }

    .post .blog-tile-content {
        margin: 0;
    }
}

.blog-tile-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: var(--blog-tile-all-txt-paddins);
    background: var(--blog-tile-all-txt-bg);
    z-index: 10;
}

.blog-tile header {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}

.blog-tile .entry-title-link {
    order: var(--blog-tile-order-title);
}

.blog-tile .entry-categories {
    order: var(--blog-tile-order-categories);
}

.blog-tile .entry-excerpt {
    order: var(--blog-tile-order-excerpt);
}

.blog-tile .entry-meta {
    order: var(--blog-tile-order-meta);
}

/*noinspection CssNonIntegerLengthInPixels*/
.blog-tile .entry-categories-inner a {
    color: var(--blog-tile-category-txt-color);
    font-size: var(--blog-tile-category-f-size);
    font-weight: var(--blog-tile-category-f-weight);
    font-family: var(--blog-tile-category-font), serif;
    text-transform: var(--blog-tile-category-text-transform);
    letter-spacing: var(--blog-tile-category-letter-spacing);
    margin-bottom: 0.5rem;
}

/* Blog post */
/*noinspection CssNonIntegerLengthInPixels*/
.single-post .entry-categories-inner,
.single-post .entry-categories-inner a {
    font-family: var(--blog-tile-category-font), serif;
    color: var(--blog-post-category-txt-color);
    font-size: var(--blog-post-category-f-size);
    font-weight: var(--blog-post-category-f-weight);
    text-transform: var(--blog-post-category-text-transform);
    letter-spacing: var(--blog-post-category-letter-spacing);
    line-height: 1.4;
    transition: all 0.1s;
    background: transparent;
    border-radius: 0;
}

.post-meta .meta-icon {
    display: var(--blog-post-meta-icons-display);
}

/* Blog tile and post meta icon */
.meta-icon svg {
    height: 14px;
    width: 14px;
    margin-right: 4px;
}

/* Blog post meta tags icon */
.post-tags .meta-icon svg {
    height: 14px;
    width: 14px;
    margin-right: 4px;
}

.post .meta-text,
.post .post-meta a {
    color: var(--blog-post-meta-txt-color);
    font-size: var(--blog-post-meta-f-size);
    font-weight: var(--blog-post-meta-f-weight);
    font-family: var(--blog-post-meta-font), serif;
    text-transform: var(--blog-post-meta-text-transform);
    letter-spacing: var(--blog-post-meta-letter-spacing);
}

/* Single post tags */
.post-meta .post-tags a {
    color: var(--blog-post-tag-txt-color);
    font-size: var(--blog-post-tag-f-size);
    font-weight: var(--blog-post-tag-f-weight);
    text-transform: var(--blog-post-tag-text-transform);
    letter-spacing: var(--blog-post-tag-letter-spacing);
}

.blog-tile .meta-text,
.blog-tile .post-meta a {
    color: var(--blog-tile-meta-txt-color);
    font-size: var(--blog-tile-meta-f-size);
    font-weight: var(--blog-tile-meta-f-weight);
    font-family: var(--blog-tile-meta-font), serif;
    text-transform: var(--blog-tile-meta-text-transform);
    letter-spacing: var(--blog-tile-meta-letter-spacing);
}

.blog-post .entry-content {
    color: var(--blog-post-txt-color);
    font-size: var(--blog-post-txt-f-size);
    font-weight: var(--blog-post-txt-f-weight);
    line-height: var(--blog-post-txt-line-height);
}

/* --------------- */
/* ============================================================================================================== */
/*
 * 14. BLOG
 */

 .blog-tile article:not(.has-post-thumbnail) .blog-tile-content {
    padding-top: 0;
}

.blog-tile .entry-title-link {
    color: var(--blog-tile-title-txt-color);
    transition: all 300ms ease;
}

.blog-tile .entry-title-link:hover {
    color: var(--blog-tile-title-txt-color-hover);
}

.blog-tile .post-meta {
    margin-bottom: 0.5rem;
    justify-content: var(--blog-tile-all-txt-position);
}

.blog-tile .featured-media img {
    object-fit: cover;
}

.blog-tile article {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: transparent;
}

.blog-tile article.sticky:before {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDQyMy45MzYgNDIzLjkzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9IiI+PGNpcmNsZSByPSIyMTEuOTY4IiBjeD0iMjExLjk2OCIgY3k9IjIxMS45NjgiIGZpbGw9IiNmZmZmZmYiIHNoYXBlPSJjaXJjbGUiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwwKSI+PC9jaXJjbGU+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC42NCwwLDAsMC42NCw3Ni4zMDg0ODM1ODE1NDI5OSw3Ni4zMDg0ODA4MzQ5NjA5MykiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zMjcuNjgsMEg5Ni4yNTZjLTIyLjUyOCwwLTQwLjk2LDE4LjQzMi00MC45Niw0MC45NnYzNTcuMzc2YzAsOS43MjgsNS42MzIsMTguOTQ0LDE0LjMzNiwyMy4wNAoJCQljOS4yMTYsNC4wOTYsMTkuNDU2LDMuMDcyLDI3LjEzNi0zLjA3MmwwLjUxMi0wLjUxMmwxMTQuNjg4LTk2Ljc2OGwxMTQuNjg4LDk2Ljc2OGwwLjUxMiwwLjUxMgoJCQljNC42MDgsMy41ODQsMTAuMjQsNS42MzIsMTUuODcyLDUuNjMyYzMuNTg0LDAsNy42OC0xLjAyNCwxMS4yNjQtMy4wNzJjOC43MDQtNC4wOTYsMTQuMzM2LTEzLjMxMiwxNC4zMzYtMjMuMDRWNDAuOTYKCQkJQzM2OC42NCwxOC40MzIsMzUwLjIwOCwwLDMyNy42OCwweiIgZmlsbD0iIzAwMDAwMCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjwvZz48L3N2Zz4=);
    margin-top: 12px;
    width: 45px;
    height: 45px;
    position: absolute;
    right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 99;
}

article.has-post-thumbnail .blog-tile-content {
    border: none;
}

.blog-tile-placeholder {
    background: var(--global-second-bg-color);

}

.post-sticky.meta-wrapper {
    display: none;
}

.blog-tile .featured-media img,
.blog-tile-placeholder,
.blog-tile .featured-media img,
.blog-tile-placeholder {
    border-radius: var(--global-border-radius);
}

@media (min-width: 1200px) {
    .two-col .blog-tile .featured-media img,
    .two-col .blog-tile-placeholder {
        height: 20rem;
    }

    .three-col .blog-tile .featured-media img,
    .three-col .blog-tile-placeholder,
    .two-col-sidebar .blog-tile .featured-media img,
    .two-col-sidebar .blog-tile-placeholder {
        height: 19rem;
    }

    .two-col .blog-tile-placeholder,
    .two-col-sidebar .blog-tile-placeholder,
    .three-col .blog-tile-placeholder {
        background: url(assets/img/placeholder.png);
        background-size: cover;
    }

    .two-col .blog-tile .entry-title,
    .two-col-sidebar .blog-tile .entry-title,
    .three-col .blog-tile .entry-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .two-col .blog-tile .entry-title {
        /*noinspection CssUnknownProperty*/
        -webkit-line-clamp: 2;
        max-height: 2.5em;
    }

    .two-col-sidebar .blog-tile .entry-title,
    .three-col .blog-tile .entry-title {
        /*noinspection CssUnknownProperty*/
        -webkit-line-clamp: 2;
        max-height: 2.5em;
    }

    .blog .pagination-wrapper {
        margin-bottom: 0;
    }
}

.peerduck-recent-posts .blog-tile .entry-title {
    margin-bottom: 1rem;
    line-height: 1.25;
}

.comments-pagination {
    margin-top: 2rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

@media (max-width: 600px) {
    .blog-tile .featured-media img {
        height: 15rem;
    }

    .prev.page-numbers {
        width: 100%;
        display: block;
        margin-bottom: 1rem;
    }

    .next.page-numbers {
        width: 100%;
        display: block;
        margin-top: 1rem;
    }
}

.blog .pagination-wrapper {
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--global-border-color);
}

@media (max-width: 1199px) {
    .blog .pagination-wrapper {
        margin-bottom: 2rem;
    }
}

.blog .pagination-wrapper hr {
    border-top: 1px solid transparent;
}

.pagination-wrapper .nav-links {
    margin: 0;
}

.archive .pagination-wrapper .nav-links,
.search .pagination-wrapper .nav-links {
    padding-top: 2rem;
    border-top: 1px dashed rgba(0, 0, 0, 0.14);
    margin-top: 2rem;
}

.splitting-nav {
    border: 1px solid var(--global-border-color);
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 2rem 2rem 1.5rem;
    border-radius: 0;
    background: #fff;
    position: relative;
    text-align: center;
}

.splitting-nav .label {
    margin-right: 1rem;
}

.blog-tile-content button {
    font-size: 14px;
    letter-spacing: normal;
}

.pagination-single-inner {
    display: flex;
    justify-content: space-between;
}

.pagination-single-inner a {
    width: 100%;
    border: none;
    position: relative;
}

.pagination-single-inner .next-post {
    text-align: right;
}

.previous-post .arrow svg, .next-post .arrow svg {
    width: 14px;
    height: 14px;
}

.author-bio {
    padding: 3rem 3rem 2rem 3rem;
    margin: 0 0 2rem 0;
    display: flex;
}

.title-nav-prev {
    color: var(--global-second-txt-color);
    margin-left: 0.5rem;
}

.title-nav-next {
    color: var(--global-second-txt-color);
    margin-right: 0.5rem;
}

/*noinspection CssNonIntegerLengthInPixels*/
.title-nav-prev,
.title-nav-next {
    font-size: 14px;
    line-height: 29px;
    letter-spacing: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.previous-post,
.next-post {
    display: flex;
    align-items: center;
}

.previous-post .arrow,
.next-post .arrow {
    display: flex;
}

.previous-post {
    justify-content: flex-start;
}

.next-post {
    justify-content: flex-end;
    margin-left: 2rem;
}

.only-one .next-post,
.only-one .previous-post {
    margin-right: 0;
    margin-left: 0;
}

.previous-post .title-nav-prev,
.next-post .title-nav-next,
.previous-post path,
.next-post path {
    transition: all 0.45s;
}

.previous-post:hover .title-nav-prev,
.next-post:hover .title-nav-next {
    color: var(--accent-color);
}

.previous-post path {
    fill: var(--global-second-txt-color);
}

.next-post path {
    fill: var(--global-second-txt-color);
}

.previous-post:hover path,
.next-post:hover path {
    fill: var(--accent-color);
}

@media (min-width: 1200px) {
    .previous-post:hover .title-nav-prev {
        margin-left: 0.75rem;
    }

    .next-post:hover .title-nav-next {
        margin-right: 0.75rem;
    }
}


@media (max-width: 570px) {
    .pagination-single svg {
        width: 16px;
    }

    .title-nav-prev,
    .title-nav-next {
        font-size: 14px;
        letter-spacing: normal;
        line-height: 19px;
    }

    .title-nav-prev {
        margin-left: 15px;
    }

    .title-nav-next {
        margin-right: 15px;
    }

    .pagination-single-inner .next-post {
        padding-left: 1rem;
        padding-right: 1rem;
        margin-left: 1rem;
    }
}

.elementor-widget-text-editor p {
    font-family: inherit;
}

.author-title-wrapper {
    width: 8rem;
}

.author-avatar img {
    border-radius: var(--global-border-radius);
}

.author-title {
    text-align: center;
    color: var(--global-txt-color);
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    font-family: var(--global-headers-font), serif;
    letter-spacing: normal;
}

.author-description {
    flex-basis: 100%;
}

.author-description p {
    color: #1C4132;
    font-size: 15px;
    letter-spacing: normal;
    line-height: 1.7;
    margin-top: -0.45em;
}

.author-description .author-link {
    font-size: 15px;
    letter-spacing: normal;
}

@media (min-width: 769px) {
    .author-title-wrapper {
        margin-right: 2rem;
    }
}

@media (max-width: 768px) {
    .author-title-wrapper {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0.5rem;
        text-align: center;
    }

    .author-bio {
        flex-flow: wrap;
        padding: 3rem;
    }
}

/* end BLOG */
/* ============================================================================================================== */
/*
 * 15. CONTACT FORM 7
 */