/**
 * Theme Name:   YOOtheme Child
 *  Template:     yootheme
 *  Author:       webfactor
 *  Description:  YOOtheme Child Theme
 *  Version:      1.0.0
 *  Text Domain:  yootheme-child
 * */

/* ------ Navbar Farben nicht sticky und Polylang Switcher---------- */

/*Burger Menu*/
.uk-navbar-toggle-icon,
.uk-navbar-toggle-icon svg {
  stroke: #fff;
}

/*Navigation nicht sticky*/
 .uk-light .uk-navbar-nav>li>a {color:white;}

/* Navigation Hover + Active */
.tm-header .uk-navbar-nav > li > a:hover,
.tm-header .uk-navbar-nav > li.uk-active > a {
  color: #c0996b;
}

/* Default / Nicht-sticky: Sprachswitcher transparent + weiße Schrift */
.tm-header .pll-dropdown-toggle {
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  border-radius: 4px;
  border: none;
  background: transparent;
  color: #fff;
}

/* Sticky: transparenter Hintergrund, dunkle Schrift */
.tm-header .uk-navbar-sticky .pll-dropdown-toggle,
.tm-header .uk-sticky.uk-active .pll-dropdown-toggle {
  background: transparent;
  color: #222;
}

/* Hover / Active im Dropdown */
.tm-header .uk-dropdown-nav > li > a:hover,
.tm-header .uk-dropdown-nav > li.uk-active > a {
  color: #c0996b;
	font-weight:700;
}

/* Pfeil nach unten */
.tm-header .pll-dropdown-toggle::after {
  content: "▾";
  margin-left: 0.4em;
  font-size: 0.8em;
}
/* -------- To Top Button ------- */
.uk-totop {
    position: fixed;
    background: #c0996b;
    bottom: 24px;
    right: 24px;
    z-index: 2000;
    color: #fff !important;
    padding: 15px 4px;
    border-radius: 3px;
}

/* --- Line Headline --- */

.uk-heading-line>::after, .uk-heading-line>::before {
    width: 200px;
    border-bottom: calc(.2px + .05em) solid #e5e5e5;
}

/* ---- Video -------- */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ---- Parallax Effekt ------*/
.parallax-bg div {
    background-attachment: fixed !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/*------- Beitrag -------------*/
/* ---- Galerie ------ */
.ratio-32 figure.wp-block-image {
  aspect-ratio: 3 / 2;
  overflow: hidden;
}

.ratio-32 figure.wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* --- Greyscale Others ---------*/
.image-greyscale .el-image {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.image-greyscale:hover .el-image {
  filter: grayscale(0%);
}

/*------- Linie Headline schmaler --------*/
.headline-linie > ::before,
.headline-linie > ::after {
    width: 3.2rem;
}


/*------ Footer--------*/
.uk-section-secondary:not(.uk-preserve-color) a {
  color: #b38a63;
}
.uk-section-secondary:not(.uk-preserve-color) a:hover {
  color: #d9a97a;
}

hr.footer-hr {
  border: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    #b38a63 0%,
    #b38a63 25%,
    rgba(255,255,255,0.2) 25%,
    rgba(255,255,255,0.2) 100%
  );
}

.social-icons svg {
    background: white;
    border-radius: 50%;
    color: inherit;
    padding: 1rem;
    color: #c0996b;
}