/*
Theme Name:     Designschmiede Hammer
Theme URI:      n/a
Template:       kadence
Author:         Lisa Hammer
Author URI:     n/a
Description:    Child Theme by Lisa Hammer
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

:root {
  --transition: all 0.5s ease-in-out;
}

.kt-highlight {
  color: #bf953f !important;
  background-image: linear-gradient(150deg, #bf953f, #f8d579 50%, #b38728 100%) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.kb-button {
  position: relative;
}

.kb-button {
  background-image: linear-gradient(
    150deg,
    rgba(191, 149, 63, 1) 0%,
    rgba(248, 213, 121, 1) 25%,
    rgba(179, 135, 40, 1) 50%,
    rgba(248, 213, 121, 1) 85%,
    rgba(191, 149, 63, 1) 100%
  );
  background-size: 250% 100%;
  background-position: 0% 0%;
  transition: var(--transition);
}

.kb-button:hover {
  background-image: linear-gradient(
    150deg,
    rgba(191, 149, 63, 1) 0%,
    rgba(248, 213, 121, 1) 25%,
    rgba(179, 135, 40, 1) 50%,
    rgba(248, 213, 121, 1) 85%,
    rgba(191, 149, 63, 1) 100%
  );
  background-size: 250% 100%;
  background-position: 100% 0%;
  transition: var(--transition);
}

.wp-block-kadence-navigation.navigation-desktop-orientation-horizontal
  .navigation[class*="navigation-desktop-style-underline"]
  > .menu-container
  > .menu
  > .menu-item
  > .kb-link-wrap
  > .kb-nav-link-content:after {
  height: 1px;
}

.wp-block-kadence-header-row .kb-img-sticky {
  max-width: 60px;
}

.offcanvas .kb-identity-layout-container {
  justify-content: center;
}

.offcanvas .kb-nav-link-content {
  justify-content: center;
}

/* Legal Pages */
.page-legal h1 {
  font-size: clamp(2.5rem, 1.8035rem + 3.012vw, 4.0625rem);
}

.page-legal h2 {
  font-size: clamp(1.5625rem, 1.1446rem + 1.8072vw, 2.5rem);
}

.page-legal h3 {
  font-size: clamp(1.25rem, 0.8321rem + 1.8072vw, 2.1875rem);
}

.page-legal h4 {
  font-size: clamp(1.125rem, 0.8464rem + 1.2048vw, 1.75rem);
}
