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

header {
	background-color: var(--clr-200);
}
section {
	overflow: clip;
}

input, select, textarea {
	font: inherit;
}

input:not([class]),select:not([class]) {
	padding: 15px;
	background: var(--clr-100);
}

input:not([type=submit]):not(.numInput.cur-year) {
	padding: 15px 20px;
}

button[type="submit"] {
	text-transform: uppercase;
	width: fit-content;
	text-wrap: nowrap;
	line-height: 1.2;
	color: var(--clr-100);
	border-radius: 6px;
	padding: .55em 5em .55em .55em;
	outline: 2px solid var(--clr-400);
	background-color: var(--clr-400);
	color: var(--clr-100);
	transition: all .4s ease;
	.text {
		line-height: 1.4;
	}
	&:hover {
		background-color: var(--clr-200);
		color: var(--clr-900);
	}
}

a[class*="theme_button"],
button[class*="theme_button"] {
	text-transform: uppercase;
	width: fit-content;
	text-wrap: nowrap;
	line-height: 1.2;
	color: var(--clr-100);
	border-radius: 6px;
	padding: .4em 1em;
	outline: 2px solid var(--clr-400);
	transition: all .4s ease;
	@media(width < 991px) {
		font-size: var(--fs-100);
	}
	@media(width < 660px) {
		font-size: 13px;
		padding: .4em .8em;
	}
}
a.theme_button--primary,
button.theme_button--primary {
	background-color: var(--clr-400);
	&:hover {
		background-color: var(--clr-200);
		color: var(--clr-900);
	}
}
a.theme_button--secondary,
button.theme_button--secondary {
	background-color: var(--clr-200);
	color: var(--clr-900);
	&:hover {
		background-color: var(--clr-400);
		color: var(--clr-100);
	}
}
a.theme_button--simple-noactive,
button.theme_button--simple-noactive {
	background-color: var(--clr-200);
	outline-color: var(--clr-200);
	color: var(--clr-900);
	&:hover {
		outline-color: var(--clr-400);
		background-color: var(--clr-400);
		color: var(--clr-100);
	}
}
a.theme_button--simple-active,
button.theme_button--simple-active {
	background-color: var(--clr-400);
	&:hover {
		outline-color: var(--clr-200);
		background-color: var(--clr-200);
		color: var(--clr-900);
	}
}
#wa .wa__member_name, #wa .wa__cs_name, #wa .wa__btn_title{
	font-family: 'Roboto', sans-serif;
}
#wa .wa__member_duty, #wa .wa__popup_intro, #wa .wa__btn_popup_txt{
	font-family: 'Roboto', sans-serif;
}
#wa .wa__popup_notice{
	font-family: 'Roboto', sans-serif;
}