/*
Theme Name: Webers Garten
Author: Agentur Herzstück GmbH
Author URI: https://www.agentur-herzstueck.de
Description: Ein individuelles Block-Theme mit Full-Site-Editing Features für Webers Garten | Translation-ready | Handgemacht in Bad Salzuflen
Version: 1.0
Text Domain: webers-garten
*/
/* --------------------
** FONT FACE
** -------------------- */
@font-face {
    font-display: swap;
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/caveat-v23-latin-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/caveat-v23-latin-500.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/caveat-v23-latin-600.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/caveat-v23-latin-700.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Bree Serif';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/bree-serif-v18-latin-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 100;
    src: url('assets/fonts/outfit-v15-latin-100.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 200;
    src: url('assets/fonts/outfit-v15-latin-200.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/outfit-v15-latin-300.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/outfit-v15-latin-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/outfit-v15-latin-500.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/outfit-v15-latin-600.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/outfit-v15-latin-700.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/outfit-v15-latin-800.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/outfit-v15-latin-900.woff2') format('woff2');
}


.has-xx-large-font-size,
.has-x-large-font-size,
.has-large-font-size {
    line-height: 1.3
}

/* --------------------
** 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;
}

.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;
}

p[style*="text-decoration:none"]>a {
    text-decoration: none;
}

/* --------------------
** SKIP LINK
** -------------------- */
.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--forest);
    color: var(--wp--preset--color--sand);
    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: 3px solid var(--wp--preset--color--gold);
    outline-offset: 3px;
}

/* --------------------
** 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;
    }

    .wp-block-kadence-rowlayout .kt-row-column-wrap.kb-theme-content-width .full-width {
        margin-left: -5vw;
        margin-right: -5vw;
        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;
    }
}

@media screen and (max-width: 1024px) {
    .kt-inner-column-height-full {
        grid-template-rows: auto auto;
        grid-auto-rows: auto;
    }
}

.divider {
  width: 100%;
  display: block;
  margin: 0 !important;
  max-width: unset;
}

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

/** Headings */

.is-style-chapter-heading {
    font-family: var(--wp--preset--font-family--sans);
    font-size: var(--wp--preset--font-size--normal);
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

/** Table */

.wp-block-table.is-style-pricing table,
.wp-block-table.is-style-pricing td,
.wp-block-table.is-style-pricing th {
    border: none;
    vertical-align: top;
}
.wp-block-table.is-style-pricing td,
.wp-block-table.is-style-pricing th {
    padding: 0.15em 0.5em 0.15em 0;
}
.wp-block-table.is-style-pricing td:nth-child(2),
.wp-block-table.is-style-pricing th:nth-child(2) {
    width: 20%;
    color: var(--wp--preset--color--gold);
    text-align: right;
}

/** Vector graphics */

.kb-vector-container.alignleft {
    justify-content: flex-start;
}

.kb-vector-container.alignright {
    justify-content: flex-end;
}

/** Images */

.image-fill .kt-inside-inner-col {
    height: 100%;
    padding: 0;
}

.image-fill .kt-inside-inner-col figure {
    height: 100%;
    margin: 0;
}

.image-fill .kt-inside-inner-col figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}