/*
 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 {
	--shadow: 0 4px 20px rgba(0, 0, 0, .07);
	--transition: .25s cubic-bezier(.4, 0, .2, 1);
}

.recording-form {
	gap: 2%;
	background: #fff;
    border-radius: 1.6rem;
    box-shadow: var(--shadow);
    padding: 3.2rem;
    transition: transform var(--transition), box-shadow var(--transition);	
}
.recording-form div:nth-child(6) div {
	text-transform: lowercase;
}
.recording-form button {
	background-color: rgb(198 164 78 / 0.9);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    padding-left: 3rem;
    padding-right: 3rem;
	padding-top: 1.25rem;
    padding-bottom: 1.25rem;
	border-radius: 0.75rem;
}
/*button {
  transition: transform 0.25s cubic-bezier(.4,0,.2,1),
              box-shadow 0.25s cubic-bezier(.4,0,.2,1);
}*/
.confirmation .recording-form button {
  background-color: var(--gold-opacity);
  color: var(--white);
  font-weight: 800;
  font-size: var(--text-m);
  border-radius: var(--space-xs);
  margin-bottom: var(--space-s);
  padding-right: var(--space-2xl);
  padding-left: var(--space-2xl);
  font-family: -apple-system, "system-ui", Segoe UI, roboto, helvetica, arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.bricks-button {
 transition-property: all;
 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 transition-duration: 150ms;
}
.recording-form button:hover, .bricks-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  background-color: #f1bb14 !important;
}

.rgpd {
	display: block;
	font-size: var(--text-xs);
}
input[type="checkbox"] {
	width: 2rem;
	height: 2rem;
}