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

.select2-container .select2-dropdown{
	background-color: var(--gray-900);
}

.select2-container .select2-dropdown .select2-search input{
	background-color: var(--gray-950);
    border-color: var(--gray-950);
}

.select2-container .select2-dropdow ul.select2-results__options{
	background-color: var(--gray-900);
}

.select2-container .select2-container--default .select2-results__option--highlighted{
	background-color: var(--gray-950)!important;
}

.select2-container .select2-results__option{
	color: var(--gray-100)!important;
	background-color: var(--gray-900)!important;
}

/* +++ GLOBAL INPUT STYLES +++ */
input[type="text"], 
input[type="email"],
input[type="password"],
textarea,
select{
	border: 1px solid var(--gray-800);
	border-radius: 0;
	background: var(--gray-950);
	padding: var(--space-lg) var(--space-xl);
	color: var(--gray-50);
	font-family: "Futura";
	font-size: var(--text-l);
	font-weight: 400;
	line-height: 1.5em;
	letter-spacing: -0.36px;
	transition: 0.2s ease-in-out;
}

input[type="checkbox"]{
	box-sizing: border-box;
  padding: 0;
	accent-color: var(--brand-600)!important;
}

input[type="text"]::placeholder, 
input[type="email"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder{
	color: var(--gray-700);
}

select option{
    color: var(--gray-300);
}

select option.placeholder {
    color: var(--gray-700);
}

select:has(option.placeholder:checked){
	color: var(--gray-700);
}

input[type="text"]:focus, 
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{
	outline: none;
	border-color: var(--gray-300);
}

form label{
	font-size: var(--text-m);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em
	letter-spacing: -0.32px;
	text-transform: capitalize;
	color: var(--gray-600);
}

button[type="submit"]{
	padding: var(--space-lg) var(--space-3xl);
	background: var(--brand-600);
	font-size: var(--text-m);
	color: var(--gray-950);
	line-height: 1.5em;
	letter-spacing: -0.32px;
}