/*--------------------------------------------------------------
# Global Blocks
# Section Header (Accent, Badge, Default)
# Section Posts
# Truncated Posts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Styles
--------------------------------------------------------------*/
.is-style-default .wrap {
    padding: var(--wp--custom--layout--block-gap) 0;
}
.is-style-bg-solid {
    background: var(--wp--preset--color--grey-six);
    max-width: 100vw;
    padding:60px 20px;
    margin: 0 calc(-1 * var(--wp--custom--layout--block-gap));
}
.is-style-bg-border .wrap {
    border: var(--wp--custom--border-width--small) solid var(--wp--preset--color--grey-six);
    background: var(--wp--preset--color--white);
    padding: var(--wp--custom--layout--block-gap);
    border-radius: var(--wp--custom--border-radius--medium);
}

.block-area-sidebar .is-style-bg-solid {
    border-radius: var(--wp--custom--border-radius--medium);
    max-width: 100%;
    padding: var(--wp--custom--layout--block-gap);
    margin: var(--wp--custom--layout--block-gap) auto;
}
.is-style-bg-pattern {
    background-image: url(../images/bg.png);
    background-repeat: repeat;
    background-position: center center;
    max-width: 100vw;
    padding: var(--wp--custom--layout--block-gap-large) var(--wp--custom--layout--block-gap);
    margin: 0 calc(-1* var(--wp--custom--layout--block-gap));
    background-repeat: repeat;
}
/*--------------------------------------------------------------
## Section Headers
--------------------------------------------------------------*/
.section-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 10px;
}
.section-overprint {
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    text-transform: uppercase;
    font-weight: 700;
}
.section-title {
    margin: 0;
    font-size: var(--wp--preset--font-size--xxlarge);
    line-height: var(--wp--custom--line-height--small);
    font-family: var(--wp--preset--font-family--custom-serif);
    font-weight: 400;
    position: relative;
}

.section-desc {
    font-size: 1.1rem;
    line-height: 1.4;
    margin: 0 0 20px;
}

.section-desc p {
    margin: 0;
}

.section-icon {
    display: block;
    line-height: 1;
}

.section-icon svg {
    fill: var(--wp--preset--color--blue);
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

.block-area-sidebar .section-title {
    font-size: 1.3rem;
}

.block-area-sidebar .section-desc {
    font-size: var(--wp--preset--font-size--small);
}

.section-link {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wp--preset--color--red);
    color: var(--wp--preset--color--white) !important;
    padding: 12px 20px;
    border-radius: 25px;
    -webkit-box-shadow: var(--wp--custom--box-shadow--4);
    -moz-box-shadow: var(--wp--custom--box-shadow--4);
    box-shadow: var(--wp--custom--box-shadow--4);
    text-decoration: none !important;
    width: fit-content;
    margin: 20px 0 0 auto;
}
.section-link-text {
    font-family: var(--wp--preset--font-family--custom-sans);
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    line-height:1;
    color: var(--wp--preset--color--white);
}
.section-link svg {
    fill: var(--wp--preset--color--white);
    transform: rotate(-90deg);
    margin-left: 5px;
    width: 15px;
    height: 15px;
}
.section-link:hover {
    background: var(--wp--preset--color--grey-two);
    opacity: 1;
    transform: scale(1.05);
}
/*--------------------------------------------------------------
# Block Callout button
--------------------------------------------------------------*/
.section-callout-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.block-callout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wp--preset--color--red);
    color: var(--wp--preset--color--white)!important;
    padding: 12px 20px;
    border-radius: 25px;
    -webkit-box-shadow: var(--wp--custom--box-shadow--4);
    -moz-box-shadow: var(--wp--custom--box-shadow--4);
    box-shadow: var(--wp--custom--box-shadow--4);
    text-decoration:none!important;
    width: fit-content;
}
.block-callout-button-text {
    font-family: var(--wp--preset--font-family--custom-sans);
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    line-height:1;
    color: var(--wp--preset--color--white);
}
.block-callout-button svg {
    fill: var(--wp--preset--color--white);
    width: 15px;
    height: 15px;
    margin-left: 3px;
    transform: rotate(-90deg);
}
.block-callout-button:hover {
    background: var(--wp--preset--color--grey-two);
    opacity: 1;
    transform: scale(1.05);
}
.block-callout-button-alt{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25px;
    background:transparent;
    border: var(--wp--custom--border-width--small) solid var(--wp--preset--color--white);
    color: var(--wp--preset--color--white)!important;
    padding: var(--wp--custom--layout--block-gap-small) var(--wp--custom--layout--block-gap);
    text-decoration:none!important;
    width: fit-content;
}
.block-callout-button-alt .sm-caps {
    display: block;
}
.block-callout-button-alt svg {
    fill: var(--wp--preset--color--white);
    width: 15px;
    height: 15px;
    margin-left: 3px;
    transform: rotate(-90deg);
}
.block-callout-button-alt:hover {
    background: var(--wp--preset--color--white);
    color: var(--wp--preset--color--ink)!important;
    opacity: 1;
    transform: scale(1.05);
}
.block-callout-button-alt:hover svg {
     fill: var(--wp--preset--color--ink);   
}
.block-callout-button-simple{
    display: flex;
    align-items: center;
    justify-content: center;
    background:transparent;
    color: var(--wp--preset--color--red)!important;
    text-decoration:none!important;
    width: fit-content;
}
.block-callout-button-simple .block-callout-button-text {
    display: block;
    color: var(--wp--preset--color--red);
}
.block-callout-button-simple svg {
    fill: var(--wp--preset--color--red);
    width: 15px;
    height: 15px;
    margin-left: 3px;
    transform: rotate(-90deg);
}
.block-callout-button-simple:hover {
   color: var(--wp--preset--color--ink)!important;
   opacity: 1;
   transform: scale(1.05);
}
.block-callout-button-simple:hover .block-callout-button-text {
    color: var(--wp--preset--color--ink);
}
.block-callout-button-simple:hover svg {
     fill: var(--wp--preset--color--ink);
}
.block-callout-button-simple-alt{
    display: flex;
    align-items: center;
    justify-content: center;
    background:transparent;
    border-bottom: var(--wp--custom--border-width--small) solid var(--wp--preset--color--white);
    color: var(--wp--preset--color--white)!important;
    text-decoration:none!important;
    width: fit-content;
}
.block-callout-button-simple-alt .sm-caps {
    display: block;
}
.block-callout-button-simple-alt svg {
    fill: var(--wp--preset--color--white);
    width: 15px;
    height: 15px;
    margin-left: 3px;
    transform: rotate(-90deg);
}
.block-callout-button-simple-alt:hover {
   color: var(--wp--preset--color--red)!important;
   border-bottom: var(--wp--custom--border-width--small) solid var(--wp--preset--color--red);
   opacity: 1;
   transform: scale(1.05);
}
.block-callout-button-simple-alt:hover svg {
     fill: var(--wp--preset--color--red);   
}
/*--------------------------------------------------------------
# Section Posts
--------------------------------------------------------------*/
.section-posts {
    display: grid;
    gap: 40px;
    position: relative;
}
.section-posts-six {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
}
.section-posts-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}
.section-posts-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
/*--------------------------------------------------------------
## Section Posts: In Posts
--------------------------------------------------------------*/
.type-post .section-posts-six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.type-post .section-posts-three {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
/*--------------------------------------------------------------
## Section Posts: After Posts
--------------------------------------------------------------*/
.block-area-after-post .section-posts-six {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.block-area-after-post .section-posts-four {
    gap: 10px;
}
.block-area-after-post .section-posts-three {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

/*--------------------------------------------------------------
## Section Posts: Sidebar
--------------------------------------------------------------*/
.block-area-sidebar .section-posts-six {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
}
.block-area-sidebar .section-posts-four {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
}
.block-area-sidebar .section-posts-three {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
}

/*--------------------------------------------------------------
## Section Posts: Mobile
--------------------------------------------------------------*/
@media (max-width: 1024px) {
    .type-post .section-posts-three, .block-area-after-post .section-posts-three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .type-post .section-posts-list, .block-area-after-post .section-posts-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 900px) {
    .section-posts-six {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .section-posts-four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .section-posts-list, .type-post .section-posts-list, .block-area-after-post .section-posts-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}
@media (max-width: 800px) {
    .section-posts-three, .type-post .section-posts-three, .block-area-after-post .section-posts-three  {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .section-posts-video {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .section-posts-six, .type-post .section-posts-six, .block-area-after-post .section-posts-six {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 500px) {
    .section-posts-four, .section-posts-six, .type-post .section-posts-six, .block-area-after-post .section-posts-six {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}



/*--------------------------------------------------------------
# Truncated Posts
--------------------------------------------------------------*/
.post-abbr {
    -webkit-box-shadow: var(--wp--custom--box-shadow--3);
    -moz-box-shadow: var(--wp--custom--box-shadow--3);
    box-shadow: var(--wp--custom--box-shadow--3);
    background: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border-radius--medium)
}

.post-abbr img {
    display: block;
    border-radius: var(--wp--custom--border-radius--medium) var(--wp--custom--border-radius--medium) 0 0;
    width: 100%;
    height: auto;
}

.post-abbr a, .post-abbr a:visited, .editor-styles-wrapper .post-abbr a, .editor-styles-wrapper .post-abbr a:visited {
    text-decoration: none!important;
    color: var(--wp--preset--color--ink);

}

.post-abbr a:hover, .post-abbr a:visited:hover {
    color: var(--wp--preset--color--blue);
    opacity: 1;
}

.post-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--wp--preset--color--ink);
}

.post-meta svg {
    fill: var(--wp--preset--color--red);
    width: 15px;
    height: 15px;
    margin-right: 4px;
}

.post-meta.post-category .sm-sans {
    display: block;
    line-height: 1;
}

.taxonomy-terms {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.taxonomy-terms a {
    margin-right: 5px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border: 2px solid #FFFFFF;
    background: var(--wp--preset--color--blue);
    width: 45px;
    height: 45px;
    border-radius: var(--wp--custom--border-radius--large);

}

.taxonomy-terms a svg {
    width: 30px;
    height: 30px;
    fill: var(--wp--preset--color--white);
}

.taxonomy-terms a:hover {
    opacity: 1;
    background: var(--wp--preset--color--white);
}
.taxonomy-terms a:hover svg {
    fill: var(--wp--preset--color--blue);
}
.entry-destination {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.entry-destination svg {
    width: 15px;
    height: 15px;
    fill: var(--wp--preset--color--red);
}

/*--------------------------------------------------------------
## Post Type - Square
--------------------------------------------------------------*/
.post-square {
    position: relative;
    border-radius: var(--wp--custom--border-radius--medium);
    overflow: hidden;
}

.post-square img {
    border-radius: var(--wp--custom--border-radius--medium);
}

.post-square a, .post-square a:visited, .editor-styles-wrapper .post-square a, .editor-styles-wrapper .post-square a:visited {
    color: var(--wp--preset--color--white);
}

.post-square .abbr-content {
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--wp--preset--gradient--img-overlay);
    border-radius: 0 0 var(--wp--custom--border-radius--medium) var(--wp--custom--border-radius--medium);
}

.post-square h3, .editor-styles-wrapper .post-square h3  {
    font-family: var(--wp--preset--font-family--custom-serif);
    font-size: 1.2rem;
    line-height:1.1;
    margin: 0;
    font-weight: 400;
    display: block;
    color: var(--wp--preset--color--white);
}
.post-square .entry-destination {
    margin: 10px 0 0;
}
.post-square .entry-destination svg {
    fill: var(--wp--preset--color--white);
}
.section-posts-six .post-square .entry-destination {
    display: none;
}
.post-square a:hover {
    color: var(--wp--preset--color--grey-three)!important;
}
.post-square:hover {
    color: var(--wp--preset--color--grey-four)!important;
    transition: all .8s ease 0s;
    transform: scale(1.05);
}
.section-posts-four .post-square h3, .editor-styles-wrapper .section-posts-four .post-square h3 {
    font-size: 1.5rem;
}
.block-area-sidebar .section-posts-four .post-square h3 {
    font-size: 1.2rem;
}
.block-area-after-post .section-posts-four .post-square h3 {
    font-size: 1.2rem;
}
.section-posts-three .post-square .abbr-content {
    padding: 20px;
}
.section-posts-three .post-square h3, .editor-styles-wrapper .section-posts-threeposts-four .post-square h3 {
    font-size: 1.8rem;
}
.block-area-sidebar .post-square h3 {
    font-size: 1.2rem;
}
@media (max-width: 500px) {
    .post-square .abbr-content {
        padding: 20px;
    }
    .post-square h3 {
        font-size: 1.6rem;
        margin: 0 0 10px;
    }
    .section-posts-six .post-square .entry-destination {
        display: block;
    }
}
/*--------------------------------------------------------------
## Post Type - Card
--------------------------------------------------------------*/
.post-card {
    position: relative;
}

.post-card .abbr-content {
    padding: 0 30px 30px;
    position: relative;
}

.post-card .taxonomy-terms {
    margin: -20px auto 10px;
}

.post-card h3, .editor-styles-wrapper .post-card h3 {
    font-family: var(--wp--preset--font-family--custom-serif);
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
    display: block;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 400;
}

.post-card .entry-summary {
    font-size: 1.1rem;
    line-height:1.4;
    margin: 20px 0;
}
.read-more-button {
    background: var(--wp--preset--color--red);
    color: var(--wp--preset--color--white);
    padding: 12px 20px;
    border-radius: 25px;
    -webkit-box-shadow: var(--wp--custom--box-shadow--4);
    -moz-box-shadow: var(--wp--custom--box-shadow--4);
    box-shadow: var(--wp--custom--box-shadow--4);
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 20px 0 0;
}
.read-more-button-text {
    font-family: var(--wp--preset--font-family--custom-sans);
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    line-height:1;
    color: var(--wp--preset--color--white);
}
.read-more-button svg {
    transform: rotate(-90deg);
    fill: var(--wp--preset--color--white);
    width: 12px;
    height: 12px;
    margin-left: 3px;

}
.read-more-button:hover {
    background: var(--wp--preset--color--grey-two);
    opacity: 1;
    transform: scale(1.05);
}

/*--------------------------------------------------------------
## Tools
--------------------------------------------------------------*/
.other-callout-button{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--wp--custom--border-radius--small);
    background:transparent;
    border: var(--wp--custom--border-width--small) solid var(--wp--preset--color--red);
    color: var(--wp--preset--color--red)!important;
    padding: var(--wp--custom--layout--block-gap-small) var(--wp--custom--layout--block-gap);
    text-decoration:none!important;
    width: fit-content;
}

.other-callout-button svg {
    fill: var(--wp--preset--color--red);
    width: 15px;
    height: 15px;
    margin-left: 3px;
    transform: rotate(-90deg);
}
.other-callout-button:hover {
    background: var(--wp--preset--color--red);
    color: var(--wp--preset--color--white)!important;
    opacity: 1;
}
.other-callout-button:hover svg {
    fill: var(--wp--preset--color--white);
}
.post-other {
    position: relative;
}
.post-other .abbr-content {
    padding: 0 var(--wp--custom--layout--block-gap) var(--wp--custom--layout--block-gap);
    position: relative;
}
.post-other .taxonomy-terms {
    margin: -20px auto 0;
    line-height:1;
}
.tool-title {
    font-size: var(--wp--preset--font-size--large);
    line-height: var(--wp--custom--line-height--small);
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}
.post-other .entry-summary
{
    font-size: var(--wp--preset--font-size--small);
    line-height: var(--wp--custom--line-height--medium);
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}
/* Small Tools*/
.section-posts-six .post-other .abbr-content {
    padding: 0 var(--wp--custom--layout--block-gap-small) var(--wp--custom--layout--block-gap-small);
}
.section-posts-six .post-other .entry-summary, .section-posts-six .post-other .other-callout-button {
    display:none;
}
.section-posts-six .post-other .tool-title {
    font-size: var(--wp--preset--font-size--medium);
    margin: 0;
}
.section-posts-six .post-other .taxonomy-terms {
    margin: -15px auto 0;
}
.section-posts-six .post-other .taxonomy-terms a svg {
    width: 30px;
    height: 30px;
}