/*
 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
*/

:root {
  --color-nav-bg: rgba(255, 255, 255, 0.75);
}

#brx-header.scrolling .nav-section, #brx-header.scrolling .nav-dropdown-content, .nav-dropdown-content, .nav-mobile {
  background: rgba(20, 20, 20, 0.45);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow:	0 8px 24px rgba(0, 0, 0, 0.35),
  inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

}
.nav-container {
  border-bottom: 1px solid black!important;
  transition: all .5s ease-in-out;
}
#brx-header.scrolling .nav-container{
  border-bottom: 1px solid rgba(255, 255, 255, 0)!important;
}

.logo{
  height: 80px;
  transition: all .5s ease-in-out;
}

.logo:hover{
  height: 80px;
}

#brx-header.scrolling .brxe-svg.logo{
height: 40px;
fill: #fff;
}

#brx-header.scrolling .brxe-svg.logo:hover, .brxe-svg.logo:hover{
  fill: var(--orange-color)!important;
}

#brx-header.brx-sticky.scrolling .brx-nav-nested-items > li > a:hover{
  color: var(--orange-color)!important;
}

[data-nav="light"] {
    color: #fff;
    fill: #fff;
}

[data-nav="light"]:hover {
    color: var(--orange-color);
    fill: var(--orange-color);
}
[data-nav="dark"] {
    color: #000;
    fill: #000;
}
[data-nav="dark"]:hover {
    color: var(--orange-color);
    fill: var(--orange-color);
}

[data-bg="dark-bg"] {
    background: rgba(255,255,255,0.9)!important;
    color: #fff;
}

.highlight {
  background: linear-gradient(to bottom, transparent 50%, #f06b6b 50%);
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0 6px;
}



/* animacje */
.floating {
  animation: floatUpDown 10s ease-in-out infinite;
}