/*
 Theme Name:   YOOtheme Child
 Description:  YOOtheme Theme
 Template:     yootheme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  yootheme-child
*/

/* :root {
  --ui-primary: #1e7343;
  --ui-primary-h: #ee9d16;
  --ui-first-yellow: #fcf79c;
  --ui-secondary-yellow: #fef800;
  --ui-secondary-orange: #f4ce5b;
  --ui-muted: #a8adab;
  --white: #ffffff;
  --black: #111111;
  --radius: 28px;
  --gradient-primary: linear-gradient(90deg, #f4ab5b 0%, #fcf79c 100%);
  --gradient-secondary: linear-gradient(90deg, #fcf79c 0%, #f4ab5b 80%);
  --gradient-muted: linear-gradient(180deg, #FFFFFF 0%, #F3F3F3 100%);
} */

:root {
  --ui-primary: #2f6b4a;
  --ui-primary-h: #d6983a;
  /* --uiprimary-h: #f4aa5a; */
  --ui-first-yellow: #faf6e3;
  --ui-secondary-yellow: #f0d48a;
  --ui-secondary-orange: #e3b163;

  --ui-bg: #f7f4ed;
  --ui-muted: #a3a7a5;

  --white: #ffffff;
  --black: #111111;

  --radius: 28px;

  /* --gradient-primary: linear-gradient(90deg, #d6983a 0%, #f0d48a 100%); */
  --gradient-ui: linear-gradient(90deg, rgba(214, 152, 58, 1), rgba(240, 212, 138, 1), rgba(214, 152, 58, 1));
  --gradient-simpleui: linear-gradient(90deg, rgba(214, 152, 58, 1) 0%, rgba(240, 212, 138, 1) 100%);
  --gradient-primary: linear-gradient(90deg,#faf6e3 0%,#fffbe9 100%);
  --gradient-secondary: linear-gradient(90deg,#ffffff 0%,#f1f1f1 100%);
  --gradient-muted: linear-gradient(180deg,#ffffff 0%,#f3f3f3 100%);
}

/* UI */

.ui-background {
  background: var(--gradient-primary) !important;
}

.ui-cardbackground .uk-card {
  background: var(--gradient-simpleui) !important;
}

.yellowpanel.uk-card, .yellowpanel .uk-card {
  background: var(--ui-first-yellow) !important;
  border: none !important;
}

.uk-card-primary {
  background: var(--gradient-primary) !important;
}

.uk-tile-default, .uk-tile-default .uk-background-norepeat, .uk-tile-default,
.uk-tile-default .uk-background-norepeat .uk-position-cover, .rounded-image .el-image {
border-radius: var(--radius) !important;
}

.uk-button-primary {
  background: var(--gradient-ui) !important;
  background-size: 200% 100% !important;
  background-position: 0% 0% !important;
  transition: background-position 0.4s ease !important;
  border: none !important;
}

.uk-button-primary:hover {
  background-position: 100% 0% !important;
}

.ui-border-panels .uk-tile,
.ui-border-panels .uk-card {
  position: relative;
  border-radius: var(--radius);
  background: #fff;
}

.ui-border-panels .uk-tile:before,
.ui-border-panels .uk-card:before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  border-radius: inherit;
  background: var(--gradient-simpleui);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.uk-button {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.uk-light .uk-button-primary,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary {
  background: #fff !important;
  color: #515b58 !important;
  border-color: transparent !important;
}

.uk-light .uk-button-primary:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,
.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover {
  background: #f2f2f2 !important;
  color: #515b58 !important;
  border-color: transparent !important;
}

.uk-alert-primary {
background: var(--gradient-simpleui) !important;
color: var(--white) !important;
}

.uk-alert-warning {
  background: var(--ui-first-yellow) !important;
  color: #2b2b28 !important;
}

.uk-alert {
  border-radius: var(--radius) !important;
  padding: 20px 30px !important;
}

.uk-alert .el-content {
  margin-top: 0px !important;
}

.gradient-divider, .gradient-divider hr {
  all: unset !important;
  display: block !important;
  height: 20px !important;
  background: var(--gradient-ui) !important;
}

.gradient-smalldivider,
.gradient-smalldivider hr {
  all: unset !important;
  display: block !important;
  height: 4px !important;
  background: var(--gradient-ui) !important;
}

.uk-grid .el-title {
  hyphens: auto !important;
}

/* Startseite */

.homeheader h1, .homeheader h3, .homeheader h4, .homeheader ul {
  padding-right: 20px;
}

.uk-accordion .el-item {
  margin: 0px !important;
  padding: 0px !important;
  border: none;
  padding-right: 20px !important;
  padding-bottom: 5px !important;
}

.uk-accordion-title {
  font-family: 'Raleway' !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

.uk-accordion>:nth-child(n+2) {
  margin-top: 5px !important;
  padding-top: 10px !important;
}

.uk-accordion-content {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}

.uk-accordion ul {
  padding-left: 15px !important;
}

/* Ablauf */

img.uk-border-rounded {
  aspect-ratio: 1/1 !important;
  object-fit: cover !important;
  border-radius: 360px !important;
  padding: 80px !important;
}

/* Formulare */

.wpcf7-list-item.first {
  margin-left: 0px !important;
}

.wpcf7-radio input[type="radio"] {
  display: none;
}

.wpcf7-radio .wpcf7-list-item-label {
  padding: 8px 12px;
  border: 1px solid #999;
  border-radius: 4px;
  cursor: pointer;
  background: #eee;
}

.wpcf7-radio input[type="radio"]:checked+.wpcf7-list-item-label {
  background: var(--gradient-simpleui);
  color: #fff;
  border-color: transparent !important;
}

/* Team */

.teamoverlay .el-item > a {
  border-radius: var(--radius) !important;
}

.teamoverlay .uk-overlay-primary {
  background: linear-gradient(180deg, rgba(214, 152, 58, 1) 0%, rgba(240, 212, 138, 1) 40%, rgba(240, 212, 138, 0) 40%) !important;
  background: linear-gradient(180deg, var(--ui-primary) 40%,rgba(240, 212, 138, 0) 40%) !important;
  /* background: linear-gradient(180deg, #ffffff 0%, #f3f3f3 40%, rgba(240, 212, 138, 0) 40%) !important; */
}

.team-section button.uk-button {
  background: var(--gradient-simpleui) !important;
}

.team-section button.uk-button:active, .team-section button.uk-button:hover, .team-section button.uk-button:focus {
  background: var(--gradient-ui) !important;
}

/* Modal */

.uk-modal-dialog {
  padding: 0px !important;
}

.uk-modal-dialog h4 {
  background: var(--gradient-simpleui);
  padding: 30px;
  color: var(--white) !important;
  /* margin-right: 10px; */
  border-top-right-radius: var(--radius);
  border-top-left-radius: var(--radius);
}

.modal-images h4 {
  border-top-left-radius: 0px !important;
}

.modal-images .uk-background-norepeat {
  border-top-left-radius: 28px !important;
  border-bottom-left-radius: 28px !important;
  background-size: cover !important;
}

.uk-modal-dialog .modalcontent {
  /* margin-top: 0px !important; */
  padding: 30px;
    padding-top: 10px;
}

.uk-modal-dialog .uk-close svg {
  color: var(--white) !important;
}

.uk-modal-dialog ul {
  padding-left: 15px;
}

.uk-modal-dialog li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 6px;
}

.uk-modal-dialog li::before {
  content: "•";
  color: #f6d94c;
  position: absolute;
  left: 0;
  font-size: 1.5em;
  line-height: 1;
  top: 0;
}

.modal-images {

}

/* Baby Sprechstunde */

.babysprechstunde-tile .uk-tile {
  padding: 35px 30px !important;
}

/* Footer */

footer .uk-section-primary {
background: var(--gradient-ui) !important;
}

/* Responsive */

@media only screen and (max-width: 959px) {

  h1 {
    font-size: clamp(28px, calc(2.00vw + 21.8px), 40px);
  }

  h2 {
    font-size: clamp(24px, calc(1.26vw + 19.7px), 32px);
  }

  h3 {
    font-size: clamp(20px, calc(0.94vw + 16.6px), 24px);
  }

  h4 {
    font-size: clamp(17px, calc(0.47vw + 15.3px), 18px);
  }

  h5 {
    font-size: clamp(14px, calc(0.31vw + 12.9px), 15px);
  }

  h6 {
    font-size: clamp(12px, calc(0.16vw + 11.4px), 13px);
  }

}