/* Masonry Grid Styles */

.mpa-grid {
    margin: 3em auto;
    width: 100%;
}

.mpa-grid:after {
    content: '';
    display: block;
    clear: both;
}

/* Sizers */
.mpa-grid-sizer,
.mpa-grid-item {
    width: 100%; /* Default 1 column */
}

.mpa-gutter-sizer {
    width: var(--mpa-gutter, 20px);
}

.mpa-grid-item {
    float: left;
    margin-bottom: var(--mpa-gutter, 20px);
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
}

.mpa-item-inner {
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.mpa-featured-image {
    margin: -15px -15px 15px -15px;
    overflow: hidden;
}

.mpa-featured-image img {
    width: 100%;
    height: auto;
    display: block;
}

.mpa-title {
    margin: 0 0 10px 0;
    font-size: 1.2rem;
}

.mpa-title a {
    font-family: 'Cocogoose Pro';
    text-decoration: none;
    color: inherit;
    font-size: clamp(1.352rem, 1.352rem + ((1vw - 0.2rem) * 1.443), 2.2rem);
  line-height: var(--wp--custom--line-height--snug);
}

.mpa-meta {
    color: #111111;
    margin-bottom: 10px;
      font-size: var(--wp--preset--font-size--small);
}

.mpa-meta span {
    margin-right: 0;
}

.mpa-separator {
    margin: 0 5px;
    padding-right: 7px;
    display: inline-block;
}

.mpa-spacer {
    display: inline-block;
    width: 10px;
}

.mpa-excerpt {
    margin-bottom: 15px;
  font-size: var(--wp--preset--font-size--base);
  font-style: normal;
  font-weight: 325;
  line-height: var(--wp--custom--line-height--body);
}

.mpa-read-more .button {
    display: inline-block;
    padding: 8px 15px;
    background: #0073aa;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-size: 0.9rem;
}

.mpa-read-more .button:hover {
    background: #005177;
}

/* Remove old breakpoints in favor of precise ranges below */

/* Masonry on block theme archives (Query Loop) */
.wp-block-post-template {
    display: block !important;
}
.wp-block-post-template > li.wp-block-post {
    width: 100%;
    margin-bottom: var(--mpa-gutter, 20px);
    list-style: none;
    box-sizing: border-box;
}
/* Apply padding from plugin settings to Query Loop container */
.wp-block-query {
    padding: var(--mpa-archive-padding, 0);
    max-width: 100%;
    margin: 0 auto;
}
/* Remove old breakpoints in favor of precise ranges below */

/* Flex Order for Title Position */
.mpa-order-first {
    order: -1;
    margin-bottom: 15px;
    margin-top: 0;
}

/* Responsive Columns */

/* 0-480px: 1 Column (Default) */
/* Gutter sizer is 0 effectively, or handled by Masonry */

/* 481px - 768px: 2 Columns */
@media (min-width: 481px) {
    .mpa-grid-sizer,
    .mpa-grid-item {
        width: calc( (100% - var(--mpa-gutter, 20px)) / 2 );
    }
    .mpa-gutter-sizer {
        width: var(--mpa-gutter, 20px);
    }
}

/* 769px - 1279px: 3 Columns */
@media (min-width: 769px) {
    .mpa-grid-sizer,
    .mpa-grid-item {
        width: calc( (100% - 2 * var(--mpa-gutter, 20px)) / 3 );
    }
}

/* 1280px+: 4 Columns */
@media (min-width: 1280px) {
    .mpa-grid-sizer,
    .mpa-grid-item {
        width: calc( (100% - 3 * var(--mpa-gutter, 20px)) / 4 );
    }
}