/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Customized by Alexander Koch
 Author:       Alexander Koch
 Author URI:   https://www.alex-koch.at
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Textlink Underline */
.textlink-underline .text, .textlink-underline a {
  position: relative;
  display: inline-block;
}

.textlink-underline .text::after, a.textlink-underline::after, .textlink-underline a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 2px;
  background-color: var(--white);
  transition: width 0.3s ease-in-out;
}

.textlink-underline:hover .text::after, a.textlink-underline:hover::after, .textlink-underline a:hover::after {
  width: 100%;
}

.textlink-underline-primary .text {
  position: relative;
  display: inline-block; /* schon vorhanden */
}

.textlink-underline-primary .text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 2px;
  background-color: var(--secondary);
  transition: width 0.3s ease-in-out;
	width: 100%
}

.textlink-underline-primary .text:hover::after {
  width: 0%;
}


.wpforms-container .wpforms-field-label {
	font-size: var(--text-l) !Important;
	font-weight: 400 !Important;
}

.wpforms-container .wpforms-field-label {
	line-height: 1.5em !Important;
}

body .wpforms-container .wpforms-field, body .wp-core-ui div.wpforms-container .wpforms-field {
	padding: 30px 0;
}

body .wpforms-container .wpforms-field:first-child,
body .wp-core-ui div.wpforms-container .wpforms-field:first-child {
    padding: 0 0 30px 0 !Important;
}

div.wpforms-container-full input {
	padding: 0px !Important;
	border-bottom: 1px solid white !important;
    border-radius: 0 !important;
}

div.wpforms-container-full .wpforms-form textarea {
	padding-left: 0px !Important;
	padding-right: 0px !Important;
	border-bottom: 1px solid white !important;
    border-radius: 0 !important;
}

div.wpforms-container-full input[type="text"]:focus,
div.wpforms-container-full input[type="email"]:focus,
div.wpforms-container-full textarea:focus, 
div.wpforms-container-full input[type="number"]:focus {
	border: 0px !Important;
	border-width: 0px !Important;
	border-bottom: 1px var(--secondary) solid !Important;
	box-shadow: unset !Important;
}

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea, div.wpforms-container-full .wpforms-form textarea {
	 width: calc(100% - var(--space-l));
	box-sizing: border-box;
}


body div.wpforms-container-full input[type=text]:focus:invalid, div.wpforms-container-full textarea:focus:invalid {
	border-style: transparent !Important;
	border-width: 0px !Important;
	border-bottom: 1px var(--secondary) solid !Important;
	box-shadow: unset !Important;
}

.wpforms-container .wpforms-field input.wpforms-error, .wpforms-container .wpforms-field input.user-invalid, .wpforms-container .wpforms-field textarea.wpforms-error, .wpforms-container .wpforms-field textarea.user-invalid, .wpforms-container .wpforms-field select.wpforms-error, .wpforms-container .wpforms-field select.user-invalid {
	border-bottom: 1px solid #d63637 !Important;
}

.wpforms-container .wpforms-required-label, .wp-core-ui div.wpforms-container .wpforms-required-label {
    color: var(--secondary) !Important;
}


.wpforms-container {
    counter-reset: field-number;
}


.wpforms-field.number {
    counter-increment: field-number;
    position: relative;
}


.wpforms-field.number::before {
    content: counter(field-number);
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;    
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    color: var(--primary);
    background: var(--secondary);
    border-radius: 50%;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); 
}

@media screen and (max-width: 480px) {
	.wpforms-field.number::before {
		width: 20px;
		height: 20px;
		line-height: 20px;		
		font-size: 14px;
	}
	
	.wpforms-container .wpforms-form .wpforms-field-label,
	.wpforms-container .wpforms-form .wpforms-field-sublabel,
	.wpforms-container .wpforms-form .wpforms-field-description,
	.wpforms-container .wpforms-form textarea,
	.wpforms-container .wpforms-form li,
	.wpforms-container .wpforms-form th {
	  hyphens: none !Important;             
	  overflow-wrap: normal !Important; ;    
	  word-break: normal !Important; ;     
	  white-space: normal !Important; ;  
	}
}


.wpforms-field.number input {
    padding-left: 20px;
}

.wpforms-container .wpforms-form .wpforms-field-label, div.wpforms-container-full input[type="text"],
div.wpforms-container-full input[type="email"],
div.wpforms-container-full .wpforms-form textarea, 
div.wpforms-container-full input[type="number"],
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
	margin-left: var(--space-l);
}

.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
	text-transform: uppercase !Important;
    font-size: var(--headline-fontsize-m) !Important;
    padding: 20px 40px !Important;
    height: auto !Important;
	border-radius: 50px !Important;
	font-family: 'Toni' !Important;
	font-weight: 400 !Important;
}

.wpforms-form input[type=submit]:hover,
.wpforms-form input[type=submit]:active,
.wpforms-form button[type=submit]:hover,
.wpforms-form button[type=submit]:active,
.wpforms-form .wpforms-page-button:hover,
.wpforms-form .wpforms-page-button:active {
	background: white !Important;
}

@media screen and (max-width: 768px) {
	.wpforms-container.wpf-center-button .wpforms-submit-container {
    	text-align: center;
		margin-left: 0px !Important;
	}
}

.wpforms-container .wpforms-recaptcha-container {
    padding: unset !Important;
    margin-bottom: 30px !Important;
}

.h-captcha:not(:has(iframe))::after {
    display: none;
}

.hide {
  opacity: 0 !Important;
  pointer-events: none;
}

.bc-scroll-reading__line-mask {
	z-index: 100 !Important;
}

@supports (-moz-appearance: none) {
  .bc-svg-title__element {
    aspect-ratio: 2 / 1;
  }
}

/*.h-captcha:has(iframe)::after {
	display: none !Important;
}*/