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

/*
  ##### ##### ##### ##### ##### 
 ##### BOOKIO FORM STYLING #####
  ##### ##### ##### ##### #####
*/


/*
 Hiding shit
*/



/*
 Wrappers stylings
*/

body > service-widget > widget-form > div {
	max-width: 80rem;
}

/*
 Headings stylings
*/

#categories > div.header > h3 {
	font-size: clamp(2.4rem, 1.47rem + 4.135vw, 5rem);
}

/*
 Services stylings
*/

.widget-categories {
	display: grid;
	grid-template-columns: 1fr;
}

#categories > widget-category {
	width: 100%;
}

#categories > widget-category > div {
	border-radius: 0.5rem;
	background-color: #631113 !important;
	transition: all 0.5s ease;
    opacity: 0.5;
	padding: 1.6rem;
}

#categories > widget-category > div:hover {
	border-radius: 0.5rem;
	background-color: #631113;
	opacity: 1;
	transition: all 0.5s ease;
}

#categories > widget-category > div.selected {
	background-color: #631113;
}

.white-text {
	font-size: 20px !important;
}


/*
 Number of people stylings
*/

.sub-categories {
	display: grid;
	grid-template-columns: 1fr;
}

#subCategories > widget-category {
	width: 100%;
}

#subCategories > widget-category > div {
	border-radius: 0.5rem;
	border: 2px #631113 solid;
	background-color: #0000000;
	transition: all 0.5s ease;
}

#subCategories > widget-category > div:hover {
	border-radius: 0.5rem;
	background-color: #631113;
	opacity: 1;
	transition: all 0.5s ease;
}

#subCategories > widget-category > div:hover div {
	color: white !important;
}

#subCategories > widget-category > div.selected {
	background-color: #631113;
}

#subCategories > widget-category > div.selected div {
	color: white !important;
}



.radio-button > input {
	display: none !important;
}