/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*//*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a {
  height: 15px;
}

.bricks-mobile-menu {
  padding-top:30px;
}

.menu-item-45 {
  white-space: nowrap;
}

.dropcap
 {
    color: var(--primary);
    font-family: "Hussar";
    font-weight: 400;
    font-style: normal;
    font-size: 2.5em;
    float: left;
    line-height: 1;
    padding: 0px 0.3rem;
    margin: 9px 0rem -8px -10px;
}

header .bricks-nav-menu-wrapper li:hover {
  transform:translateY(-10px);
  transition: all .3s ease;
}

header .bricks-nav-menu-wrapper li {
  transition: all .3s ease;
  position:relative;
  padding-top:10px;
  padding-bottom:10px;
}

header .bricks-nav-menu-wrapper li::after {
    content:"";
  position:absolute;
  height:4px;
  width: 100%;
background-color: var(--primary);
  bottom:-10px;
  transform:scale(0);
  transition: all .2s ease;
} 


header .bricks-nav-menu-wrapper li:hover::after {
  content:"";
  position:absolute;
  transform:scale(1);
  transition: all .2s ease;
}

/* Innerhalb von read more/less modul von Bricks Extras */

.x-read-more_content p {
    margin-bottom: 20px;
}

/*
========================
      BUTTON THREE Primary
========================
*/

.brxe-button.bricks-background-dark {
    background-color: transparent!important;
  }

.btn-text {
  position: relative;
  z-index: 2;
}

.btn-three-white {
	color: var(--white);
	transition: all 0.5s;
	position: relative;
  z-index:2;
}

.btn-three-white:hover {
  color: var(--primary);
}
.btn-three-white::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--primary);
	transition: all 0.3s;
  opacity: 1;
}
.btn-three-white:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
}
.btn-three-white::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid var(--primary);
	transform: scale(1.2,1.2);
}
.btn-three-white:hover::after {
	opacity: 1;
	transform: scale(1,1);
}
/* 

/*
========================
      BUTTON THREE Secondary
========================
*/


.btn-text {
  position: relative;
  z-index: 2;
}

.btn-three-secondary {
	color: var(--white);
	transition: all 0.5s;
	position: relative;
  z-index:2;
}

.btn-three-secondary:hover {
  color: var(--secondary-dark);
}
.btn-three-secondary::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--secondary-semi-dark);
	transition: all 0.3s;
  opacity: 1;
}
.btn-three-secondary:hover::before {
	opacity: 0 ;
	transform: scale(0.5,0.5);
}
.btn-three-secondary::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border: 1px solid var(--secondary-semi-dark);
	transform: scale(1.2,1.2);
}
.btn-three-secondary:hover::after {
	opacity: 1;
	transform: scale(1,1);
}
/*