/**
 * Theme Name: B&S Elementor Child Theme
 * Version: 2.0
 * Template: hello-elementor
 * Author: BUTTER AND SALT tech marketing GmbH
 * Author URI: https://www.butter-and-salt.de/
 * Customer: https://www.pkn.de/
 * Text Domain: bns
 */

body {
  --bns-icon-color: var(--e-global-color-accent);
  --bns-icon-bgcolor: #dddddd;

  --wpforms-input-size: clamp(0.675rem, 0.6059rem + 0.1923vw, 0.75rem);
  --wpforms-input-padding: 1.5rem 1.75rem 0.5rem 1.75rem;
  --wpforms-select-padding: 1rem 1.75rem 1rem 1.75rem;
  --wpforms-input-border-radius: 0 2rem 2rem 2rem;
  --wpforms-select-border-radius: 0 2rem 0 0;

  --wpforms-error-right: 1.75rem;
  --wpforms-error-bottom: 1rem;
}

body div.bns-wpforms-colored div.bns-wpforms select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url("data:image/svg+xml;utf8,<svg width='20' height='20' xmlns='http://www.w3.org/2000/svg' fill='var(--e-global-color-accent)'><path d='m0,0l10,10l10,-10' stroke='null'/></svg>");
  background-repeat: no-repeat;
  background-position: right 1.75rem top calc(50% + 0.5rem);
  background-size: 1rem;
}

body div.bns-wpforms-colored div.bns-wpforms {
  --wpforms-button-padding: 1.25rem 2.5rem 1.25rem 2.5rem;
  --wpforms-button-border-radius: 0 2rem 2rem 2rem;
  --wpforms-button-border-style: solid;
  --wpforms-button-border-color: var(--e-global-color-accent);
  --wpforms-button-background-color: var(--e-global-color-accent);
  --wpforms-button-background-hover-color: var(--e-global-color-a93587a);
  --wpforms-button-text-hover-color: #ffffff;
  --wpforms-button-border-hover-color: var(--e-global-color-a93587a);
  --wpforms-button-border-size: 3px;

  --wpforms-button-font-family: var(--e-global-typography-68ba3ce-font-family), Sans-serif;
  --wpforms-button-font-weight: var(--e-global-typography-68ba3ce-font-weight);
  --wpforms-button-line-height: var(--e-global-typography-68ba3ce-line-height);
  --wpforms-button-size-font-size: var(--e-global-typography-68ba3ce-font-size);

  --wpforms-select-option-background-checked: var(--e-global-color-accent);
}

body div.bns-wpforms-colored div.wpforms-container-full.bns-wpforms .wpforms-field input:hover,
body div.bns-wpforms-colored div.wpforms-container-full.bns-wpforms .wpforms-field textarea:hover,
body div.bns-wpforms-colored div.wpforms-container-full.bns-wpforms .wpforms-field input:focus,
body div.bns-wpforms-colored div.wpforms-container-full.bns-wpforms .wpforms-field textarea:focus,
body div.bns-wpforms-colored div.wpforms-container-full.bns-wpforms .wpforms-field input:active,
body div.bns-wpforms-colored div.wpforms-container-full.bns-wpforms .wpforms-field textarea:active {
  border-color: var(--e-global-color-accent) !important;
}

/* CUSTOM */
div.bns-shift-right {
  width: calc(100% + max(0px, calc((100vw - 1366px) / 2) - var(--bns-padding-default)));
}

div.bns-shift-left {
  width: calc(100% + max(0px, calc((100vw - 1366px) / 2) - var(--bns-padding-default)));
  margin-left: calc(-1 * max(0px, calc((100vw - 1366px) / 2) - var(--bns-padding-default)));
}

div.bns-shift-right-2 {
  width: calc(100% + max(0px, calc((100vw - 1366px) / 2)));
}

div.bns-shift-left-2 {
  width: calc(100% + max(0px, calc((100vw - 1366px) / 2)));
  margin-left: calc(-1 * max(0px, calc((100vw - 1366px) / 2)));
}

.bns-grid-auto-fit.e-grid,
.bns-grid-auto-fit .elementor-loop-container.elementor-grid {
  /* grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); */
  /* justify-items: start; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.bns-fade-in {
  opacity: 0;
  -webkit-animation: bns-fade-in 0.8s ease-in forwards;
  animation: bns-fade-in 0.8s ease-in forwards;
}

/* Standard */
@keyframes bns-fade-in {
  to {
    opacity: 1;
  }
}

/* WebKit (ältere Safari / Chrome) */
@-webkit-keyframes bns-fade-in {
  to {
    opacity: 1;
  }
}