/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* HEADER */

#naming, .stickhead, .stickcol {
    transition: all .4s !important;
}

.stickhead {
    background: transparent;
}

.stickhead.elementor-sticky--effects {
    background:#fff;
}

.stickhead.elementor-sticky--effects .stickcol{
    height: 80px;
}

.stickhead.elementor-sticky--effects #naming {
    opacity: 0;
}

.stickhead.elementor-sticky--effects #housing-and-horses-logo {
    transform: translateY(5%);
}

/* Spalten halber Bildschirm */

.min-50 {
	min-height: 50vh !important;
}

/* NAVI ICON */
.nav-btn {

  border: none;
  transition: all .3s;
}

.nav-btn:hover,
.nav-btn:focus {
	background: transparent;
  
}

.nav-lines {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 2px;
  background: var(--e-global-color-primary);
  border-radius: 1rem;
}

.nav-lines:before {
  content:'';
  position: absolute;
  display: inline-block;
  width: 35px;
  height: 2px;
  background: var(--e-global-color-primary);
  top: -10px;
  right: 0;
  border-radius: 1rem;
  transition: all .3s;
}

.nav-lines:after {
  content:'';
  position: absolute;
  display: inline-block;
  width: 35px;
  height: 2px;
  background: var(--e-global-color-primary);
  top: 10px;
  right: 0;
  border-radius: 1rem;
  transition: all .3s;
}

.nav-btn:hover .nav-lines:before {
  top: -.85rem;
}

.nav-btn:hover .nav-lines:after {
  top: .85rem;
}

@media (max-width: 767px) {
	.nav-lines {
		transform: scale(.7)
	}
}



/* ELEMENTOR EINGANGSANIMATIONEN */

@keyframes fadeDown {
	from {
		opacity: 0;
		transform: translate3d(0, -30px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInDown {
	animation-name: fadeDown
}

@keyframes fadeLeft {
	from {
		opacity: 0;
		transform: translate3d(-30px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInLeft {
	animation-name: fadeLeft
}

@keyframes fadeRight {
	from {
		opacity: 0;
		transform: translate3d(30px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInRight {
	animation-name: fadeRight
}

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.elementor-element.fadeInUp {
	animation-name: fadeUp
}