/* GRID */

/* Site Content */

.site-width {
	width: 100%;
}

.site-width > *, .alignfull > * {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    width: 80%;
}

/* 0 - M */
@media (max-width: 781px) {
    .site-width > *, .alignfull > * {
        width: 85%;
    }
}

.alignfull {
    max-width: unset;
    width: 100%;
}

.alignfull.box, .alignfull.big-box, .alignfull.small-box {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
}

/* Boxed Body Layout */

body.cd-body-boxed .site-header .site-width, body.cd-body-boxed article, body.cd-body-boxed footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 1080px;
    width: 85%;
}


/* Sidebar Templates */

.template-sidebar-left .layout-wrapper, .template-sidebar-right .layout-wrapper {
    padding: 30px 0;
}

.template-sidebar-left .main, .template-sidebar-right .main, .template-sidebar-left .sidebar, .template-sidebar-right .sidebar {
    margin: 30px 0;
}

/* L + XL */
@media (min-width: 782px) {

    .template-sidebar-left .layout-wrapper, .template-sidebar-right .layout-wrapper {
        display: flex;
        gap: 2rem;
    }

    .template-sidebar-left .layout-wrapper {
        flex-direction: row-reverse;
    }

    .template-sidebar-left .main, .template-sidebar-right .main {
        width: 70%;
    }

    .template-sidebar-left .sidebar, .template-sidebar-right .sidebar {
        width: 30%;
    }
}

.template-sidebar-left .thumbnail img, .template-sidebar-right .thumbnail img {
    width: auto;
    height: auto;
    max-height: 450px;
    max-width: 100%;
}

.template-sidebar-left .main .post-title,
.template-sidebar-right .main .post-title,
.template-sidebar-left .main .page-title,
.template-sidebar-right .main .page-title {
  margin: 0;
}

.template-sidebar-left .content,
.template-sidebar-right .content {
  margin-top: 50px;
}

/* Columns */

.wp-block-columns {
    gap: 30px;
}


/* POST & PAGE */

article.editor-classic {
    padding-bottom: 60px;
}

.single article .thumbnail-wrapper {
    position: relative;
    display: table;
    margin-bottom: 15px;
}

.thumbnail-banner {
    min-height: var(--thumb-height, 200px);
    width: 100%;
}

.thumbnail-banner .thumbnail {
    min-height: var(--thumb-height, 200px);
    background-size: cover;
    background-position: center var(--thumb-percent, 40%);
}

.taxonomy-wrapper {
  margin: 0.5em 0;
}

.cpt-name-date-combined {
  margin: 0.5em 0;
}

.taxonomy .tax-title {
    font-weight: var(--font-heading-weight);
}

.thumbnail-overlay {
    min-height: var(--thumb-height, 200px);
    top: 0;
    display: flex;
    align-items: center;
}



/* BLOG */

.blog-thumbnail-wrapper {
  margin: 0 0 10px 0;
}

.blog-thumbnail-wrapper .thumbnail {
  aspect-ratio: 4/3;
  overflow: hidden;
  max-width: 300px;
}

.blog-thumbnail-wrapper .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-content-wrapper {
  display: flex;
  flex-direction: column;
}


/* Three Column Blog */

.three-column-blog .blog {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
}

/* L - XL */
@media (min-width: 782px) {
    .three-column-blog .blog {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Boxed Posts Blog */

.boxed-posts-blog .blog-item {
    background-color: var(--c3-100);
    padding: 20px;
}


/* Side image Blog */

/* S - XL */
@media (min-width: 600px) {

    .side-image-blog .blog-item {
    display: grid;
    grid-template-columns: 30% 1fr;
    gap: 20px;
    align-items: start;
    }
}