/*
Theme Name: Salzstreuner – Bock auf Bad Salzuflen!
Theme URI: https://www.salzstreuner.de
Author: Agentur Herzstück GmbH
Author URI: https://wordpress.org
Description: Flexibles Hybrid-Theme für Salzstreuner – Das Stadmagazin für Bad Salzuflen. Unterstützt Gutenberg-Editor und Block-Layouts.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: salzstreuner
*/
@font-face {
    font-display: swap;
    font-family: 'Readex Pro';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/readex-pro-v27-latin-300.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Readex Pro';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/readex-pro-v27-latin-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Readex Pro';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/readex-pro-v27-latin-500.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Readex Pro';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/readex-pro-v27-latin-600.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Readex Pro';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/readex-pro-v27-latin-700.woff2') format('woff2');
}

/* --------------------
** GENERAL SETTINGS
** -------------------- */
*,
::after,
::before {
    box-sizing: border-box;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 2px;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
    outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
    text-wrap: balance;
}

html,
body {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

a,
button,
.kb-button {
    -webkit-transition: .35s ease;
    -moz-transition: .35s ease;
    -o-transition: .35s ease;
    transition: .35s ease;
}

p[style*="text-decoration:none"] > a,
h1[style*="text-decoration:none"] > a,
h2[style*="text-decoration:none"] > a,
h3[style*="text-decoration:none"] > a,
h4[style*="text-decoration:none"] > a,
h5[style*="text-decoration:none"] > a,
h6[style*="text-decoration:none"] > a {
    text-decoration: none;
}

/* --------------------
** SKIP LINK
** -------------------- */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.skip-link.screen-reader-text {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 999999;
    display: block;
    padding: 1rem 1.5rem;
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--dark);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.skip-link.screen-reader-text:focus {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    clip: auto;
    height: auto;
    width: auto;
    overflow: visible;
    outline: 2px solid;
    outline-offset: 2px;
}

/* ---------------------------------------
** CONTAINERS
* ------------------------------------- */

@media (max-width: calc(1280px + 10vw)) {
    .wp-block-kadence-rowlayout .kt-row-column-wrap.kb-theme-content-width {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0%;
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .col-right-full-width.wp-block-kadence-rowlayout .wp-block-kadence-column:nth-child(2) {
        margin-inline-end: -5vw !important;
    }

    .col-left-full-width.wp-block-kadence-rowlayout .wp-block-kadence-column:first-child {
        margin-inline-start: -5vw !important;
    }
}

.bg-box {
    background-color: var(--wp--preset--color--white);
    border-radius: 1rem;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);
}

/* ---------------------------------------
** NAVIGATIONS
* ------------------------------------- */

header .home-link .kb-nav-link-content {
  position: relative;
}

header .home-link .kb-nav-link-content::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_236)'%3E%3Cpath d='M17.6979 8.19393L14.9699 5.46594V2.31465C14.9699 1.74486 14.5081 1.28308 13.9375 1.28308C13.3682 1.28308 12.9064 1.74486 12.9064 2.31465V3.40254L10.8752 1.37127C9.87099 0.367565 8.12494 0.369345 7.12298 1.37308L0.301994 8.19393C-0.100665 8.59738 -0.100665 9.2502 0.301994 9.65304C0.704833 10.0564 1.35893 10.0564 1.76162 9.65304L8.58195 2.83202C8.80414 2.611 9.19575 2.611 9.41677 2.83137L16.2383 9.65304C16.4405 9.85474 16.7043 9.95506 16.9679 9.95506C17.2321 9.95506 17.4962 9.85463 17.6979 9.65304C18.1007 9.25024 18.1007 8.59742 17.6979 8.19393Z' fill='white'/%3E%3Cpath d='M9.35822 4.79019C9.16005 4.59213 8.83918 4.59213 8.64159 4.79019L2.64183 10.7882C2.54711 10.8829 2.49341 11.0121 2.49341 11.147V15.5217C2.49341 16.5483 3.32576 17.3806 4.35228 17.3806H7.32276V12.7803H10.6764V17.3806H13.6469C14.6734 17.3806 15.5057 16.5483 15.5057 15.5218V11.147C15.5057 11.0121 15.4525 10.8829 15.3573 10.7882L9.35822 4.79019Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_236'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: var(--wp--preset--font-size--medium);
  height: 100%;
}

header .home-link .kb-nav-link-content {
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
}

header .wp-block-kadence-navigation .menu-item,
header .wp-block-kadence-navigation .menu-item .kb-link-wrap,
header .wp-block-kadence-navigation .menu-item .kb-link-wrap .kb-nav-link-content {
    height: 100%;
}

header .wp-block-kadence-navigation .current-menu-item .kb-link-wrap {
    position: relative;
}

header .wp-block-kadence-navigation:not(.kb-off-canvas-inner .wp-block-kadence-navigation) .current-menu-item .kb-link-wrap::after {
    content: "";
    width: 100%;
    height: 0.5rem;
    background-color: var(--kb-nav-link-background-active);
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

/* ---------------------------------------
** BLOCKS
* ------------------------------------- */

/* --------------------
** POSTS
** -------------------- */

.icon-flame {
    margin-left: 0.25rem;
}

/** Post terms / category colors */
.wp-block-post-terms a {
    background-color: var(--wp--preset--color--grey);
    color: var(--wp--preset--color--black);
    padding: 0.35rem 0.5rem;
    border-radius: 1rem;
    font-size: var(--wp--preset--font-size--x-small);
    font-weight: 600;
    letter-spacing: 0.02rem;
    text-decoration: none;
    line-height: 1;
    vertical-align: center;
}

.wp-block-post-terms a[data-slug="archiv"] {
    background-color: var(--archiv-color);
    color: #fff;
}

.wp-block-post-terms a[data-slug="pressemitteilungen"],
.wp-block-post-terms a[data-parent-slug="pressemitteilungen"] {
    background-color: var(--pressemitteilungen-color);
    color: #fff;
}

.wp-block-post-terms a[data-slug="geschmacksachen"],
.wp-block-post-terms a[data-parent-slug="geschmacksachen"] {
    background-color: var(--geschmacksachen-color);
    color: #fff;
}

.wp-block-post-terms a[data-slug="revierverhalten"],
.wp-block-post-terms a[data-parent-slug="revierverhalten"] {
    background-color: var(--revierverhalten-color);
    color: #fff;
}

.wp-block-post-terms a[data-slug="stadtticker"],
.wp-block-post-terms a[data-parent-slug="stadtticker"] {
    background-color: var(--stadtticker-color);
    color: #fff;
}

.wp-block-post-terms a[data-slug="stadtgeschichte"],
.wp-block-post-terms a[data-parent-slug="stadtgeschichte"] {
    background-color: var(--stadtgeschichte-color);
    color: #fff;
}

.wp-block-post-terms a[data-slug="nachgesalzt"],
.wp-block-post-terms a[data-parent-slug="nachgesalzt"] {
    background-color: var(--nachgesalzt-color);
    color: #fff;
}


.wp-block-post-terms a[data-slug="aufgeschnappt"],
.wp-block-post-terms a[data-parent-slug="aufgeschnappt"] {
    background-color: var(--aufgeschnappt-color);
    color: #fff;
}

/** Views */
.post-views {
    background-color: var(--wp--preset--color--lightgrey);
    color: var(--wp--preset--color--black);
    padding: 0.15rem 0.5rem;
    border-radius: 1rem;
    font-size: var(--wp--preset--font-size--x-small);
    font-weight: 600;
    letter-spacing: 0.02rem;
    text-decoration: none;
}

/** Featured posts */
.wp-block-query.featured-posts .wp-block-post-template {
    display: grid;
    grid-template-columns: 7fr 3fr;
    grid-template-rows: 1fr 1fr;
    gap: var(--global-kb-gap-md, 2rem);
}

.wp-block-query.featured-posts .wp-block-post-template>li {
    height: 100%;
}

.wp-block-query.featured-posts .wp-block-post-template>li:first-child {
    grid-column: 1;
    grid-row: 1 / 3;
    min-width: 0;
}

.wp-block-query.featured-posts .wp-block-post-template>li:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
}

.wp-block-query.featured-posts .wp-block-post-template>li:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}

.wp-block-query.featured-posts .wp-block-post {
    position: relative;
    height: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    width: 100%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .15);
    border-radius: 1rem;
}

.wp-block-query.featured-posts .wp-block-post .wp-block-post-featured-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

.wp-block-query.featured-posts .wp-block-post .wp-block-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wp-block-query.featured-posts .wp-block-post .post-title-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(to top, #0F1825 0%, transparent 100%);
    padding: var(--wp--preset--spacing--small);
}

.wp-block-query.featured-posts .wp-block-post .wp-block-post-title {
    color: var(--wp--preset--color--white);
    margin: 0;
    font-size: var(--wp--preset--font-size--medium);
}

.wp-block-query.featured-posts .wp-block-post-terms {
    margin-bottom: var(--wp--preset--spacing--x-small);
    font-size: var(--wp--preset--font-size--small)
}

.wp-block-query.featured-posts .wp-block-post-terms .taxonomy-category {
    margin-bottom: var(--wp--preset--spacing--x-small)
}

.wp-block-query.featured-posts .wp-block-post-terms .wp-block-post-terms__separator {
    display: none;
}

@media (max-width: 767px) {
    .wp-block-query.featured-posts .wp-block-post-template {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, auto);
        gap: 1rem;
    }

    .wp-block-query.featured-posts .wp-block-post-template>li:first-child {
        grid-column: 1;
        grid-row: 1;
    }

    .wp-block-query.featured-posts .wp-block-post-template>li:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    .wp-block-query.featured-posts .wp-block-post-template>li:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
    }
}

/** Post grid cards */
.wp-block-query .is-layout-grid {
    gap: var(--global-kb-gap-md, 2rem);
}

.alm-listing.columns-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--global-kb-gap-md, 2rem);
}

.wp-block-query .is-layout-grid .wp-block-post > div,
.wp-block-query .is-layout-grid .wp-block-post .kt-inside-inner-col {
    height: 100%;
}

.post-card > .kt-inside-inner-col {
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
    border-radius: 1rem;
    height: 100%;
}
.post-card-vertical .post-content > .kt-inside-inner-col {
    padding: 0 var(--global-kb-spacing-xs, 1rem) var(--global-kb-spacing-xs, 1rem) var(--global-kb-spacing-xs, 1rem);
    margin-top: -1rem;
}

.post-card-horizontal .post-content > .kt-inside-inner-col {
    padding: var(--global-kb-spacing-xs, 1rem);
    margin: 0;
}

.post-card-horizontal .wp-block-post-featured-image,
.post-card-horizontal .wp-block-post-featured-image img  {
    height: 100%;
    width: 100%;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.post-card .wp-block-post-featured-image img  {
    object-fit: cover;
}

@media (max-width: 767px) {
    .wp-block-query .wp-block-post-featured-image {
        aspect-ratio: 16/9 !important;
    }
}

/** Filter grid cards / Post card horizontal */
.post-card-horizontal > .kt-inside-inner-col {
    display: grid!important;
    grid-template-columns: 1.5fr 2.5fr!important;
    gap: 0!important;
}

.post-card-horizontal .post-content,
.post-card-horizontal .post-content .kt-inside-inner-col{
    height: 100%;
}

.filter-grid.geschmacksachen .wp-block-post-terms a[data-slug="geschmacksachen"],
.filter-grid.geschmacksachen .wp-block-post-terms .wp-block-post-terms__separator {
    display: none;
}

@media (max-width: 767px) {
    .post-card-horizontal > .kt-inside-inner-col {
        display: block!important;
    }
}

/** Sponsored post badge */
.wp-block-post:not(.is-sponsored) .anzeige-badge {
    display: none;
}

/** Read more Link */
.wp-block-read-more {
    position: relative
}
.wp-block-read-more::after {
  content: "";
  color: currentColor;
  vertical-align: text-top;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' stroke-width='1px' stroke='currentColor' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' stroke-width='1px' stroke='currentColor' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: sub;
  margin-left: 0.25rem;
}

/** Kategorien */
.wp-block-post-terms .wp-block-post-terms__separator {
  display: none;
}

.archive .category-geschmacksachen .wp-block-post-terms a[data-slug]:not(a[data-parent-slug]) {
    display: none;
}

.taxonomy-category.wp-block-post-terms {
    gap: var(--wp--preset--spacing--x-small);
    display: flex;
}

/* --------------------
** PAGINATION
** -------------------- */

.wp-block-query-pagination-numbers {
  gap: var(--wp--preset--spacing--x-small);
  display: flex;
}

.wp-block-query-pagination-numbers .page-numbers:not(.dots),
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  background-color: #fff;
  padding: 0.75rem;
  line-height: 1;
  border-radius: 0.35rem;
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}

.wp-block-query-pagination-numbers .page-numbers.current {
  background-color: var(--wp--preset--color--lightgrey);
  box-shadow: none;
}

.wp-block-query-pagination-numbers .page-numbers.dots {
  display: inline-flex;
  align-self: self-end;
}

.wp-block-query-pagination .wp-block-query-pagination-next-arrow[aria-hidden="true"] {
    margin-left: 0;
}

.wp-block-query-pagination .wp-block-query-pagination-previous-arrow[aria-hidden="true"] {
    margin-right: 0;
}

/* --------------------
** LISTS
** -------------------- */

/* --------------------
** BUTTONS
** -------------------- */

.alm-btn-wrap .alm-load-more-btn {
    font-size: 1rem!important;
    font-weight: 600!important;
    border-radius: 0.5rem!important;
    height: 3.2rem!important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border: 1px solid currentColor;
    color: currentColor;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    background: transparent;
}

.wp-block-button.is-style-outline .wp-block-button__link.has-black-color:hover {
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--black)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-green-color:hover {
    background-color: var(--wp--preset--color--green);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-white-color:hover {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--black)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-lightgrey-color:hover {
    background-color: var(--wp--preset--color--lightgrey);
    color: var(--wp--preset--color--black)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-grey-color:hover {
    background-color: var(--wp--preset--color--grey);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-richblack-color:hover {
    background-color: var(--wp--preset--color--richblack);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-deepblue-color:hover {
    background-color: var(--wp--preset--color--deepblue);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-lime-color:hover {
    background-color: var(--wp--preset--color--lime);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-blue-color:hover {
    background-color: var(--wp--preset--color--blue);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-navy-color:hover {
    background-color: var(--wp--preset--color--navy);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-red-color:hover {
    background-color: var(--wp--preset--color--red);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-coral-color:hover {
    background-color: var(--wp--preset--color--coral);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-terracotta-color:hover {
    background-color: var(--wp--preset--color--terracotta);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-orange-color:hover {
    background-color: var(--wp--preset--color--orange);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-seagreen-color:hover {
    background-color: var(--wp--preset--color--seagreen);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-petrol-color:hover {
    background-color: var(--wp--preset--color--petrol);
    color: var(--wp--preset--color--white)!important;
}
.wp-block-button.is-style-outline .wp-block-button__link.has-lila-color:hover {
    background-color: var(--wp--preset--color--lila);
    color: var(--wp--preset--color--white)!important;
}

/* --------------------
** TABLES
** -------------------- */

/* --------------------
** MEDIA
** -------------------- */

.wp-element-caption::before {
    content: "";
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath d='M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3e%3cpath d='M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3e%3cpath d='M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0'/%3e%3cpath d='M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1z'/%3e%3c/svg%3e");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: center;
    margin-right: 0.375rem;
    flex-shrink: 0;
}

figure.wp-block-image:not(.alignright):not(.aligncenter) .wp-element-caption {
    text-align: left;
}

.entry-content figure[id^="attachment"] {
  max-width: 100%;
}

/* --------------------
** EVENTS
** -------------------- */
.em-events-list .event-row {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.em-events-list .event-row .event-date {
    border: 1px solid var(--wp--preset--color--green);
    border-radius: .5rem;
}

.em-events-list .date-month {
    background-color: var(--wp--preset--color--green);
    font-size: var(--wp--preset--font-size--small);
    display: block;
    border-top-left-radius: 0.35rem;
    border-top-right-radius: 0.35rem;
    color: var(--wp--preset--color--white);
    font-weight: 700;
    text-align: center;
}

.em-events-list .date-day {
    font-size: var(--wp--preset--font-size--larger);
    font-weight: 700;
    display: block;
    text-align: center;
    line-height: 1.5;
}

.em-events-list .date-year {
    display: block;
    text-align: center;
    font-size: var(--wp--preset--font-size--x-small);
    line-height: 1;
    margin-bottom: 0.25rem;
}

.em-events-list .event-details a:not(.event-category-link) {
    text-decoration: none;
    font-weight: 600;
    font-size: var(--wp--preset--font-size--medium);
}

.em-events-list .event-category-link {
    color: var(--wp--preset--color--grey);
    font-weight: 400;
    text-decoration: none;
    font-size: 0.75rem;
    display: flex;
    flex-direction: row;
    align-items: first baseline;
    gap: 0.25rem;
}

.em-events-list .event-location {
    display: block;
    font-size: 0.75rem;
    color: var(--wp--preset--color--grey);
}

/** Event listing cards */
.event-listing {
    display: flex;
    overflow: hidden;
    margin-bottom: 1.5rem
}

.event-listing:last-child {
    margin-bottom: 0;
}

.event-listing .event-image {
    flex: 0 0 25%;
    margin: 0;
    padding: 0;
}

.event-listing .event-image a {
    display: block;
    height: 100%;
}

.event-listing .event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.event-listing .wp-block-group {
    flex: 1;
    padding: 1.25rem;
    min-width: 0;
}

.event-listing .event-categories,
.entry-content .event-categories {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.event-listing .event-categories li a,
.entry-content .event-categories li a {
    background-color: var(--wp--preset--color--green);
    color: var(--wp--preset--color--white);
    padding: 0.35rem 0.5rem;
    border-radius: 1rem;
    font-size: var(--wp--preset--font-size--x-small);
    font-weight: 600;
    letter-spacing: 0.02rem;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.event-listing .event-details {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}

.event-listing .event-details p {
  margin: 0;
}

.event-details svg {
  margin-right: 0.125rem;
}

.event-listing .wp-block-buttons {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
    .event-listing {
        flex-direction: column;
    }

    .event-listing .event-image {
        flex: none;
        width: 100%;
    }

    .event-listing .event-image img {
        aspect-ratio: 16 / 9;
    }
}

/** Event search */
.em .em-search-advanced .em-search-main.em-search-main-bar, .em.em-search .em-search-main.em-search-main-bar, .em.em-search-advanced .em-search-main.em-search-main-bar {
    justify-content: right;
}

/* ---------------------------------------
** ADVERTISING
* ------------------------------------- */

.g.g-2,
.g.g-3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

@media (max-width: 767px) {
    .g.g-2,
    .g.g-3 {
        grid-template-columns: 1fr;
    }
}

.client-display {
    display: block;
    position: relative;
    max-width: 360px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid var(--wp--preset--color--lightgrey)
}
.client-display .badge-ad {
  background-color: var(--wp--preset--color--lightgrey);
  color: var(--wp--preset--color--black);
  padding: 0.1rem 0.2rem;
  border-radius: 1rem;
  font-size: var(--wp--preset--font-size--x-small);
  font-weight: 400;
  letter-spacing: 0.005rem;
  text-decoration: none;
  position: absolute;
  top: 3px;
  right: 3px;
  opacity: 0.8;
}
/* ---------------------------------------
** DARKMODE
* ------------------------------------- */
@media (prefers-color-scheme: dark) {
    :root {
        --wp--preset--color--green: var(--wp--preset--color--lime);
        --wp--preset-color--blue: var(--wp--preset--color--cyan);
        --wp--preset-color--red: var(--wp--preset--color--coral);
        --wp--preset-color--terracotta: var(--wp--preset--color--orange);
        --wp--preset-color--seagreen: var(--wp--preset--color--petrol);
        --wp--preset-color--purple: var(--wp--preset--color--lila);
        --wp--preset--color--navy: #877EFB;
    }
    body,
    header .has-white-background-color {
        background-color: var(--wp--preset--color--richblack)!important;
        color: var(--wp--preset--color--white)!important;
    }

    header .has-blue-background-color {
        background-color: #0171E0!important;
    }

    .bg-box, 
    .post-card > .kt-inside-inner-col,
    footer .has-blue-background-color,
    .filter-grid-block .category-filters .filter-btn:not(.active) {
        background-color: color-mix(in srgb, var(--wp--preset--color--deepblue) 35%, transparent)!important;
    }

    .has-grey-color, .has-grey-color .kb-svg-icon-wrap svg {
        color: var(--wp--preset--color--lightgrey) !important;
    }

    .bg-box .wp-block-post-title a,
    .post-card .wp-block-post-title a {
        color: var(--wp--preset--color--white);
    }

    .client-display {
        border-color: var(--wp--preset--color--deepblue)
    }
    h1, h2, h3, h4, h5, h6,
     .filter-grid-block .category-filters .filter-btn,
     .wp-block-post-terms a {
        color: var(--wp--preset--color--white);
    }

    .em-events-list .date-month {
        color: var(--wp--preset--color--black)
    }
    .em-events-list .event-details .event-category-link svg path {
        fill: var(--wp--preset--color--grey);
    }

    .em-events-list .event-category-link,
    .em-events-list .event-location {
        color: var(--wp--preset--color--lightgrey);
    }

    .ajax-load-more-wrap.grey .alm-load-more-btn {
        background-color: var(--wp--preset--color--grey) !important;
    }
    .wp-block-query-pagination-numbers .page-numbers:not(.dots), .wp-block-query-pagination .wp-block-query-pagination-next, .wp-block-query-pagination .wp-block-query-pagination-previous {
        background-color: var(--wp--preset--color--deepblue);
    }
    .wp-block-query-pagination-numbers .page-numbers.current {
        background-color: var(--wp--preset--color--grey);
    }

    .em.em-search .em-search-main.em-search-main-bar > .em-search-field:first-child input {
        color: var(--wp--preset--color--white);
        padding-left: 0!important;
    }
}
/* ---------------------------------------
** UTILITY CLASSES
* ------------------------------------- */
@keyframes rotating {
    from {
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotating {
    from {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 5s linear infinite;
    -moz-animation: rotating 5s linear infinite;
    -ms-animation: rotating 5s linear infinite;
    -o-animation: rotating 5s linear infinite;
    animation: rotating 5s linear infinite;
}