/*--------------------------------------------------------------
#  Global Blocks
# Section Header (Accent, Badge, Default)
# Section Posts
--------------------------------------------------------------*/
.is-style-default .wrap {
    padding: var(--wp--custom--layout--block-gap) 0;
}

.is-style-bg-solid {
    background: var(--wp--preset--color--grey);
    max-width: 100vw;
    padding: 60px 20px;
    margin: 0 calc(-1 * var(--wp--custom--layout--block-gap));
}
.is-style-bg-simple {
    background: var(--wp--preset--color--grey);
    max-width: 100vw;
    padding: 60px 20px;
    margin: 0 calc(-1 * var(--wp--custom--layout--block-gap));
}
.is-style-bg-card {
    padding:40px 0;
}

.block-home-first {
    padding: 20px!important;
}
/*--------------------------------------------------------------
# Block Group: General
--------------------------------------------------------------*/
.block-section-headline-group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
    margin: 0 0 20px;
}
.block-section-icon {
        display: block;
    line-height: 1;
    margin: 5px 5px 0 0;
}
.block-section-icon svg {
    width: 25px;
    height: 25px;
}
.block-title {
    margin: 0;
    font-size: 1.75rem;
    line-height: 1;
    position: relative;
    border-bottom: 2px solid;
    border-color: inherit;
    padding: 0 0 5px;
}

.block-description {
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--line-height--medium);
    margin: 0 0 var(--wp--custom--layout--block-gap);
}


.block-button {
    background: var(--wp--preset--color--grey);
    color: var(--wp--preset--color--ink);
    margin: 0 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    text-decoration: none;
    border-radius: 25px;
    font-family: var(--wp--preset--font-family--custom-sans);
    font-size: var(--wp--preset--font-size--xxsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .1);
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    padding: 15px 25px;
}
.block-button em {
    font-style: normal;
}
.block-button svg {
    fill: var(--wp--preset--color--ink);
    transform: rotate(-90deg);
    margin-left: 5px;
    width: 15px;
    height: 15px;

}
.block-button:hover {
    background: var(--wp--preset--color--ink)!important;
    color: var(--wp--preset--color--white)!important;
    opacity:1;
}
.block-button:hover svg {
    fill: var(--wp--preset--color--white);
}
/*--------------------------------------------------------------
# Block Style: Simple
--------------------------------------------------------------*/
.is-style-bg-simple .wrap {
    position: relative;
}

.is-style-bg-simple .block-section-headline-group {
    color: var(--wp--preset--color--ink);
}
.is-style-bg-simple .block-section-headline-group {
    --f: .5em;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.8;
    padding-inline: 1lh;
    padding-bottom: var(--f);
    border-image: conic-gradient(#CE7C77 0 0) 51%/var(--f);
    clip-path: polygon(
            100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
    transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
    transform-origin: 100% 100%;
    background-color:var(--wp--preset--color--pink-light);
}
.is-style-bg-simple .block-title {
    border-bottom: 0;
    padding: 10px 0;
    font-size: 1.5rem;
}
.is-style-bg-simple .block-section-icon svg {
    fill: var(--wp--preset--color--ink)!important;
    width: 20px;
    height: 20px;
}
.is-style-bg-simple .block-description {
    display: none;
}
/*--------------------------------------------------------------
# Block Style: Card
--------------------------------------------------------------*/
.is-style-bg-card .block-section-headline-group {
    padding: 10px 20px;
    background: var(--wp--preset--color--grey);
    margin: 0;
    width: fit-content;
}
.is-style-bg-card .block-title {
    font-size: 1.4rem;
    padding: 0;
    font-weight: 700;
    border-bottom: 0;
}
.is-style-bg-card .block-section-icon svg {
    width: 20px;
    height: 20px;
}
.is-style-bg-card .block-content {
    border: 1px solid;
    border-color: var(--wp--preset--color--grey);
    background: var(--wp--preset--color--white);
    padding: var(--wp--custom--layout--block-gap);
}

/*--------------------------------------------------------------
# Truncated Layout
--------------------------------------------------------------*/
.block-post-group {
    max-width: var(--wp--custom--layout--page);
    margin: var(--wp--custom--layout--block-gap-large) 0;
    gap: var(--wp--custom--layout--block-gap-xlarge);
    margin-inline: auto;
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
}
.archive .site-main {
    max-width: var(--wp--custom--layout--page);
    margin: 0 auto 30px;
    gap: var(--wp--custom--layout--block-gap-xlarge);
    margin-inline: auto;
    display: grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
}
.archive.category-video .site-main {
      grid-template-columns:repeat(2, minmax(0, 1fr));
  
}
.blog .site-main {
    grid-template-columns:repeat(3, minmax(0, 1fr)); 
    margin: 0 auto 30px; 
}
.small-post-group {
    grid-template-columns:repeat(6, minmax(0, 1fr));
    gap: var(--wp--custom--layout--block-gap);
}
.block-area-sidebar .small-post-group {
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: var(--wp--custom--layout--block-gap-small);
}
.medium-post-group {
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: var(--wp--custom--layout--block-gap-large);
}
.block-area-sidebar .medium-post-group {
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap: var(--wp--custom--layout--block-gap-small);
}
.large-post-group {
    grid-template-columns:repeat(3, minmax(0, 1fr));
}
.block-area-sidebar .large-post-group {
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap: var(--wp--custom--layout--block-gap-small);
}
.video-post-group {
    grid-template-columns:repeat(2, minmax(0, 1fr));
}
.block-area-sidebar .video-post-group {
    grid-template-columns:repeat(1, minmax(0, 1fr));
    gap: var(--wp--custom--layout--block-gap-small);
}
@media (max-width: 1024px) {
    .small-post-group {
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }

}
@media (max-width: 900px) {
    .medium-post-group, .archive .site-main {
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap: var(--wp--custom--layout--block-gap);
    }
    .video-post-group {
        grid-template-columns:repeat(1, minmax(0, 1fr));
    }
    .large-post-group {
        grid-template-columns:repeat(1, minmax(0, 1fr));
    }
    .blog .site-main{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    .archive.category-video .site-main {
      grid-template-columns:repeat(1, minmax(0, 1fr));
    }

}
@media (max-width: 764px) {
    .small-post-group {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .blog .site-main{
        grid-template-columns:repeat(1, minmax(0, 1fr));
    }
}


/*--------------------------------------------------------------
# Truncated Posts
--------------------------------------------------------------*/
.post-abbr {
    background: var(--wp--preset--color--white);
}
.post-curated .post-abbr, .post-curated .post-video {
    background: var(--wp--preset--color--grey);
}
.post-latest .post-abbr, .post-latest .post-video, .post-curated .post-abbr, .post-curated .post-video {
    background: var(--wp--preset--color--grey);
}

.is-style-bg-solid .post-abbr, .is-style-bg-solid .post-video {
    background: var(--wp--preset--color--white);
}
.is-style-bg-simple .post-abbr, .is-style-bg-simple.post-video {
    background: var(--wp--preset--color--white);
}
.is-style-bg-card .post-abbr, .is-style-bg-card .post-video {
    background: var(--wp--preset--color--grey);
}
.archive .site-main .post-abbr {
    background: var(--wp--preset--color--grey);
}


.post-abbr img {
    display: block;
}

.post-abbr a, .post-abbr a:visited {
    color: var(--wp--preset--color--ink);
    text-decoration: none;
}

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


.post-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--wp--preset--color--ink);
    font-family: var(--wp--preset--font-family--system-sans);
    font-size: var(--wp--preset--font-size--xxsmall);
    letter-spacing: var(--wp--preset--letter-spacing--normal);
    line-height: var(--wp--custom--line-height--small);
    text-transform: none;
    font-weight: 400;
}

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

/*--------------------------------------------------------------
## Post Type - Large Post Group
--------------------------------------------------------------*/
.large-post-group .post-abbr .abbr-content {
    padding: var(--wp--custom--layout--block-gap-large);
}

.large-post-group .post-abbr .article-title {
    line-height: var(--wp--custom--line-height--xsmall);
    display: block;
    font-size: 1.75rem;
    margin: var(--wp--custom--layout--block-gap) 0;
}

@media (max-width: 764px) {
    .large-post-group .post-abbr .abbr-content {
        padding: var(--wp--custom--layout--block-gap);
    }
    .large-post-group .post-abbr .article-title {
        font-size: 1.5rem;
        margin: 15px 0;
    }
    .blog .site-main .post-abbr .abbr-content {
        padding: 15px;
    }
    .blog .site-main .post-abbr .article-title {
        font-size: 1.35rem;
        margin: 10px 0;
    }
}

@media (max-width: 600px) {
    .large-post-group .post-abbr .abbr-content {
        padding: var(--wp--custom--layout--block-gap-large);
    }

    .large-post-group .post-abbr .article-title {
        font-size: 1.75rem;
    }
}

/*--------------------------------------------------------------
## Post Type - Medium Post Group
--------------------------------------------------------------*/
.medium-post-group .post-abbr .abbr-content {
    padding: 20px;
}

.medium-post-group .post-abbr .article-title {
    font-size: 1.5rem;
    line-height: var(--wp--custom--line-height--xsmall);
    display: block;
    margin: 15px 0;
}
@media (max-width: 600px) {
    .medium-post-group .post-abbr .article-title {
        font-size: 1.25rem;
        margin: 10px 0;
    }
}

/*--------------------------------------------------------------
## Post Type - Small Post Group
--------------------------------------------------------------*/
.small-post-group .post-abbr .abbr-content {
    padding: 15px;
}

.small-post-group .post-abbr .article-title {
    font-size: 1.25rem;
    line-height: var(--wp--custom--line-height--xsmall);
    display: block;
    margin: 0 0 10px
}

.small-post-group .term-link {
    display: none;
}
.block-area-sidebar .small-post-group .post-abbr .abbr-content {
    padding: 10px;
}
.block-area-sidebar .small-post-group .post-abbr .article-title {
    font-size: 1.1rem;
}
.block-area-sidebar .small-post-group .post-abbr .post-meta .sm-sans {
    font-size: .7rem;
}
/*--------------------------------------------------------------
## Post Type - Video
--------------------------------------------------------------*/
.video-post-group .post-abbr {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.video-post-group a.post-abbr-img {
    width: 50%;
    display: block;
    line-height: 1;
    position: relative;
}
.video-post-group a.post-abbr-img:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    background: url(../images/bg-play.svg) repeat left;
    right: -34px;
    top: 25px;
    border: 8px solid #FFF;
    border-radius: 50%;
}
.video-post-group .abbr-content {
    width: 50%;
    padding: 30px;
    position: relative;
}

.video-post-group .post-abbr .article-title {
    line-height: var(--wp--custom--line-height--xsmall);
    display: block;
    font-size: 2rem;
    margin: var(--wp--custom--layout--block-gap) 0;
}
@media (max-width: 600px) {
    .video-post-group .post-abbr .abbr-content {
        padding: 15px;
    }

    .video-post .post-abbr .article-title {
        font-size: 1.75rem;
    }
}
@media (max-width: 450px) {
    .video-post-group .post-abbr {
        display: block;
    }
    .video-post-group a.post-abbr-img, .video-post-group .abbr-content {
        width: 100%;
    }
    .video-post-group a.post-abbr-img:before {
        right: 25px;
        top:inherit;
        bottom: -35px;
    }
    .video-post-group .post-abbr .abbr-content {
        padding: 20px;
    }
}
/*--------------------------------------------------------------
## Post Type - None
--------------------------------------------------------------*/
.error404  .no-results {
    padding: 0 0 60px;
}
.post-no-results {
    padding: var(--wp--custom--layout--block-gap);
}

.post-no-results h3 {
    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-no-results .entry-summary p {
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}
.error-page-search .wp-block-search {
    width: 100%;
    margin: 0;
    border: 1px solid #010101;
    max-width: 800px;
    border-radius: 50px;
}
.error-page-search .wp-block-search__inside-wrapper {
    background: transparent;
    display: flex;
    align-items: center;
}
.error-page-search .wp-block-search__inside-wrapper input {
    background: transparent;
    font-family: var(--wp--preset--font-family--custom-sans);
    font-size: 24px;
    padding: 10px 0 10px 25px;
}
.error-page-search .wp-block-search__input, :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border:none;
    padding: 0;
}