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

header#brx-header{
    overflow: unset !important;
}

main#brx-content{
    background-color: var(--white);
}

.brxe-popup-192 .brx-popup-content{
    max-width: 1600px;
}

#change-package-textarea::placeholder{
	color: #C7C7C7;
}

#account-forms form p{
  margin-bottom: 25px;
}

#account-forms form p{
  margin-top: 40px;
}

#account-forms button{
  padding: 10px 20px;
  font-size: var(--text-s);
  margin-top: 20px;
  margin-bottom: 20px;
}

#account-forms input::-webkit-outer-spin-button,
#account-forms input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#account-forms input[type=number] {
  -moz-appearance: textfield;
}

#account-forms label, #account-forms .disclaimer{
  font-size: var(--text-xs);
  color: #AFBDC1;
}

#account-forms label{
  margin-bottom: 8px;
}

#account-forms form .field-group{
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

#account-forms form .field:last-child{
  flex: 1;
}

#account-forms #submission-message{
  color: var(--secondary);
}

#account-forms input:disabled{
  background-color: #E6E6E6 !important;
}

#account-forms p, #account-forms input{
  font-size: var(--text-m)
}