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

body{
  overflow-x:hidden;
}

/*SCROLLBAR*/
body::-webkit-scrollbar {
  width: 5px;
}
body::-webkit-scrollbar-track {
  background: var(--bricks-color-zzcblb);
  border-left: 0;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--bricks-color-jvpcsc);
  border-radius: 5px;
}
/*TERM BUTTONS*/
body.term-1064 a.term-1064,
body.term-1039 a.term-1039,
body.term-746 a.term-746,
body.term-436 a.term-436,
body.term-790 a.term-790,
body.term-313 a.term-313,
body.term-549 a.term-549,
body.term-326 a.term-326,
body.term-757 a.term-757,
body.term-372 a.term-372,
body.term-951 a.term-951,
body.term-417 a.term-417,
body.term-390 a.term-390,
body.term-540 a.term-540,
body.term-1065 a.term-1065,
body.term-826 a.term-826,
body.term-730 a.term-730,
body.term-533 a.term-533,
body.term-621 a.term-621,
body.term-1047 a.term-1047 {  
  background-color: var(--bricks-color-vzcmtr);
}

/*WP NATIV AUDIO PLAYER*/

body .mejs-container, 
body .mejs-container .mejs-controls, 
body .mejs-embed, .mejs-embed  {
    background: var(--bricks-color-vzcmtr);
	border-radius: 1rem;
	width: 100%!important;
}



/*FDS AUDIOPLAYER*/

.fds-audio-player,
.fds-not-allowed-audio-player {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.fds-audio-player,
.fds-not-allowed-audio-player{
  margin-bottom: -3px;
}


.fds-audio-player .controls-container button{
  cursor: pointer;
  background: transparent;
  border:none;
}
.controls-container{
  display:flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.controls-container > div{
  display:flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width:478px){
  .controls-container{
      flex-direction: row;
 }
  .controls-container > div{
      width: auto;
 }
}


.play > i,
.pause > i,
.restart > i,
.mute > i{
	 color: var(--bricks-color-zzcblb);
	 cursor: pointer;
	 text-align: center;
	 z-index:1;
	text-shadow: none;
	transition: all .5s;
}

.play:hover > i,
.play:focus > i,
.pause:hover > i,
.pause:focus > i,
.restart:hover > i,
.restart:focus > i,
.mute:hover > i
.mute:focus > i{
	 text-shadow: 0 0 15px  var(--bricks-color-jvpcsc);
}

.play > i,
.pause > i{
    font-size: 7rem;
  	width: 60px;
    height: 60px;
    line-height: 60px;
  	margin-right: 5px;
}

.pause > i {
    font-size: 3.5rem;
    border: 5px solid;
    background: transparent;
    border-radius: 60px;
    line-height: 50px;
}

.restart > i{
	margin-left: 5px;
  	margin-right: 2rem;
}

.restart > i,
.mute > i,
.unmute > i{
	font-size:3rem;
}
.unmute > i{
	color: var(--bricks-color-mezfzf);
}

.speed-container {
  margin-left: -10px;
  background: var(--bricks-color-zzcblb);
  padding: 0px 8px 3px 12px;
  z-index: 0;
  border-radius: 3px;
  line-height: 1em;
}
.time-remaining {
  display:flex;
  margin: 0 0 1px 16px;
  pointer-events: none;
}
.speed-container > svg {
  fill: #fff;
}
.speed-option {
  display: none;
}
.speed-option.current-speed {
  display: inline-block;
}
.volume {
  width: 100%;
}
.volume-container {
  display: flex;
  align-items: center;
  width: 100%;
}

/* Range zurücksetzen */
input[type=range].range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 16px;
  outline: none;
  padding: 0;
  margin-bottom: 2px;
  border-radius: 50px;
  z-index: 1;
}
/* Range Thumb Styling */
.range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: var(--bricks-color-zzcblb);
  width: 16px;
  height: 16px;
  border:none;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: var(--bricks-color-zzcblb);
  border:none;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.progress-container {
  width: 100%;
  cursor: pointer;
  overflow:hidden;
  height:0;
  transition: all .25s;
  opacity: 0;
  margin: 0;
}
.playing .progress-container {
  width: 100%;
  cursor: pointer;
  overflow:hidden;
  height:inherit;
  height: 16px;
  opacity: 1;
  margin: 2px 0 15px 0;
  border-radius: 50px;
}
.progress-bar {
  height: 100%;
  transition: width .1s ease;
  border-bottom-right-radius: 50px;
  border-top-right-radius: 50px;
}
.playing-notes {
  position:absolute;
  right: 1rem;
  top: -40px;
  z-index: 0;
  width: 60px;
  height: 60px;
  background:url("/wp-content/uploads/playing-notes.svg") no-repeat;
  opacity:0;
  transition: all .25s;
  pointer-events: none;
}
.playing .playing-notes{
  opacity:1;
}
.playing .playing-notes.shadow{
  opacity:0.5;
  filter:blur(4px);
  right:0;
  top: -50px;
}

.progress-container{
  background: #fff;
}
.progress-bar{
  background: var(--bricks-color-jvpcsc);
}
.range {
  background: rgb(255,255,255);
  background: linear-gradient(94deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 100%);
}
.speed-option.current-speed.active{
  color:#fff;
}

.fds-not-allowed-audio-player i,
.fds-not-allowed-audio-player button,
.fds-not-allowed-audio-player input{
  cursor: not-allowed;
}

/*FLIPBOOK ARROWS*/
.df-ui-nav.df-ui-next .df-ui-btn:before,
.df-ui-nav.df-ui-prev .df-ui-btn:before{
	color:var(--bricks-color-mezfzf);
	opacity: 1;
	filter: none;
}

.df-ui-nav.df-ui-prev .df-ui-btn:before{
	margin-left: -11px;
}

.df-ui-nav.df-ui-next .df-ui-btn:before{
	margin-right: -14px;
}

.df-container>.df-ui-next.ti-angle-right:before,
.df-container>.df-ui-prev.ti-angle-left:before{
	font-weight:bold;
	font-size: 3rem;
}


/*SVG ANIMATION*/

#frdspr-logo-cm2_to {
 animation: frdspr-logo-cm2_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm2_to__to {
  0% {
     transform: translate(1206.321167px,219.968889px)
 }
  56.666667% {
     transform: translate(1206.321167px,219.968889px);
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  66.666667% {
     transform: translate(1206.321167px,110.20782px)
 }
  100% {
     transform: translate(1206.321167px,110.20782px)
 }
}
#frdspr-logo-cm2 {
 animation: frdspr-logo-cm2_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm2_c_o {
  0% {
     opacity: 0
 }
  56.666667% {
     opacity: 0;
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  66.666667% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm6_to {
 animation: frdspr-logo-cm6_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm6_to__to {
  0% {
     transform: translate(798.459996px,231.164986px);
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  16.666667% {
     transform: translate(967.089996px,231.164986px)
 }
  100% {
     transform: translate(967.089996px,231.164986px)
 }
}
#frdspr-logo-cm6 {
 animation: frdspr-logo-cm6_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm6_c_o {
  0% {
     opacity: 0;
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  16.666667% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm7_to {
 animation: frdspr-logo-cm7_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm7_to__to {
  0% {
     transform: translate(619.656499px,232.685013px)
 }
  3.333333% {
     transform: translate(619.656499px,232.685013px);
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  20% {
     transform: translate(788.286499px,232.685013px)
 }
  100% {
     transform: translate(788.286499px,232.685013px)
 }
}
#frdspr-logo-cm7 {
 animation: frdspr-logo-cm7_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm7_c_o {
  0% {
     opacity: 0
 }
  3.333333% {
     opacity: 0;
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  20% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm8_to {
 animation: frdspr-logo-cm8_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm8_to__to {
  0% {
     transform: translate(424.380681px,234.114967px)
 }
  6.666667% {
     transform: translate(424.380681px,234.114967px);
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  23.333333% {
     transform: translate(593.010681px,234.114967px)
 }
  100% {
     transform: translate(593.010681px,234.114967px)
 }
}
#frdspr-logo-cm8 {
 animation: frdspr-logo-cm8_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm8_c_o {
  0% {
     opacity: 0
 }
  6.666667% {
     opacity: 0;
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  23.333333% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm9_to {
 animation: frdspr-logo-cm9_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm9_to__to {
  0% {
     transform: translate(248.254995px,231.164986px)
 }
  10% {
     transform: translate(248.254995px,231.164986px);
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  26.666667% {
     transform: translate(416.884995px,231.164986px)
 }
  100% {
     transform: translate(416.884995px,231.164986px)
 }
}
#frdspr-logo-cm9 {
 animation: frdspr-logo-cm9_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm9_c_o {
  0% {
     opacity: 0
 }
  10% {
     opacity: 0;
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  26.666667% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm10_to {
 animation: frdspr-logo-cm10_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm10_to__to {
  0% {
     transform: translate(74.884313px,234.045006px)
 }
  13.333333% {
     transform: translate(74.884313px,234.045006px);
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  30% {
     transform: translate(243.514313px,234.045006px)
 }
  100% {
     transform: translate(243.514313px,234.045006px)
 }
}
#frdspr-logo-cm10 {
 animation: frdspr-logo-cm10_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm10_c_o {
  0% {
     opacity: 0
 }
  13.333333% {
     opacity: 0;
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  30% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm11_to {
 animation: frdspr-logo-cm11_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm11_to__to {
  0% {
     transform: translate(-88.69772px,232.360008px)
 }
  16.666667% {
     transform: translate(-88.69772px,232.360008px);
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  33.333333% {
     transform: translate(79.93228px,232.360008px)
 }
  100% {
     transform: translate(79.93228px,232.360008px)
 }
}
#frdspr-logo-cm11 {
 animation: frdspr-logo-cm11_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm11_c_o {
  0% {
     opacity: 0
 }
  16.666667% {
     opacity: 0;
     animation-timing-function: cubic-bezier(0.42,0,0.58,1)
 }
  33.333333% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm13_to {
 animation: frdspr-logo-cm13_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm13_to__to {
  0% {
     transform: translate(1086.160522px,640.829528px)
 }
  30% {
     transform: translate(1086.160522px,640.829528px);
     animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)
 }
  46.666667% {
     transform: translate(1086.160522px,464.279648px)
 }
  100% {
     transform: translate(1086.160522px,464.279648px)
 }
}
#frdspr-logo-cm13 {
 animation: frdspr-logo-cm13_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm13_c_o {
  0% {
     opacity: 0
 }
  30% {
     opacity: 0
 }
  46.666667% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm14_to {
 animation: frdspr-logo-cm14_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm14_to__to {
  0% {
     transform: translate(959.385285px,589.524365px)
 }
  33.333333% {
     transform: translate(959.385285px,589.524365px);
     animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)
 }
  50% {
     transform: translate(959.385284px,434.573669px)
 }
  100% {
     transform: translate(959.385284px,434.573669px)
 }
}
#frdspr-logo-cm14 {
 animation: frdspr-logo-cm14_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm14_c_o {
  0% {
     opacity: 0
 }
  33.333333% {
     opacity: 0
 }
  50% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm15_to {
 animation: frdspr-logo-cm15_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm15_to__to {
  0% {
     transform: translate(855.527487px,33.465458px)
 }
  36.666667% {
     transform: translate(855.527487px,33.465458px);
     animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)
 }
  53.333333% {
     transform: translate(855.473511px,322.093704px)
 }
  100% {
     transform: translate(855.473511px,322.093704px)
 }
}
#frdspr-logo-cm15 {
 animation: frdspr-logo-cm15_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm15_c_o {
  0% {
     opacity: 0
 }
  36.666667% {
     opacity: 0
 }
  53.333333% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm16_to {
 animation: frdspr-logo-cm16_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm16_to__to {
  0% {
     transform: translate(808.144929px,33.964689px)
 }
  40% {
     transform: translate(808.144929px,33.964689px);
     animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)
 }
  56.666667% {
     transform: translate(810.173127px,332.858109px)
 }
  100% {
     transform: translate(810.173127px,332.858109px)
 }
}
#frdspr-logo-cm16 {
 animation: frdspr-logo-cm16_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm16_c_o {
  0% {
     opacity: 0
 }
  40% {
     opacity: 0
 }
  56.666667% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm19_to {
 animation: frdspr-logo-cm19_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm19_to__to {
  0% {
     transform: translate(822.890991px,663.462693px)
 }
  43.333333% {
     transform: translate(822.890991px,663.462693px);
     animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)
 }
  60% {
     transform: translate(822.890991px,468.21991px)
 }
  100% {
     transform: translate(822.890991px,468.21991px)
 }
}
#frdspr-logo-cm19 {
 animation: frdspr-logo-cm19_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm19_c_o {
  0% {
     opacity: 0
 }
  43.333333% {
     opacity: 0
 }
  60% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm20_to {
 animation: frdspr-logo-cm20_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm20_to__to {
  0% {
     transform: translate(714.381439px,616.796584px)
 }
  46.666667% {
     transform: translate(714.381439px,616.796584px);
     animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)
 }
  63.333333% {
     transform: translate(714.381439px,502.007294px)
 }
  100% {
     transform: translate(714.381439px,502.007294px)
 }
}
#frdspr-logo-cm20 {
 animation: frdspr-logo-cm20_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm20_c_o {
  0% {
     opacity: 0
 }
  46.666667% {
     opacity: 0
 }
  63.333333% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm21_to {
 animation: frdspr-logo-cm21_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm21_to__to {
  0% {
     transform: translate(601.062531px,672.569349px)
 }
  50% {
     transform: translate(601.062531px,672.569349px);
     animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)
 }
  66.666667% {
     transform: translate(601.062531px,544.005341px)
 }
  100% {
     transform: translate(601.062531px,544.005341px)
 }
}
#frdspr-logo-cm21 {
 animation: frdspr-logo-cm21_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm21_c_o {
  0% {
     opacity: 0
 }
  50% {
     opacity: 0
 }
  66.666667% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}
#frdspr-logo-cm22_to {
 animation: frdspr-logo-cm22_to__to 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm22_to__to {
  0% {
     transform: translate(486.878326px,570.403274px)
 }
  26.666667% {
     transform: translate(486.878326px,570.403274px);
     animation-timing-function: cubic-bezier(0.68,-0.55,0.5,2)
 }
  43.333333% {
     transform: translate(486.878326px,490.322159px)
 }
  100% {
     transform: translate(486.878326px,490.322159px)
 }
}
#frdspr-logo-cm22 {
 animation: frdspr-logo-cm22_c_o 3000ms linear 1 normal forwards
}
@keyframes frdspr-logo-cm22_c_o {
  0% {
     opacity: 0
 }
  26.666667% {
     opacity: 0
 }
  43.333333% {
     opacity: 1
 }
  100% {
     opacity: 1
 }
}