body, .page-title, .breadcrumbs{	
}
.breadcrumbs, .page-title {
	z-index: 3;
}
.page-content-body{
	margin-block: 0;
	padding-top: 0;
}
.search-page-form {
	position: relative;
	margin-bottom: 30px;
	margin-top: 20px;
}


.title {
	font-weight: normal;
	margin: 0;
}

.description {
	color: #333;
	margin: 0;
}


input[type=checkbox], input[type=radio]{
	width: 20px;
	height: 20px;
}
input[type="checkbox"] {
	 /* Add if not using autoprefixer */
	 -webkit-appearance: none;
	 /* Remove most all native input styles */
	 appearance: none;
	 /* For iOS < 15 */
	 background-color: var(--form-background);
	 /* Not removed via appearance */
	 margin: 0;
   
	 font: inherit;
	 color: #c0c0c0;
	 width: 1.15em;
	 height: 1.15em;
	 border: 0.15em solid #c0c0c0;
	 border-radius: 0.15em;
	 transform: translateY(-0.075em);
   
	 display: grid;
	 place-content: center;
	
  }
  input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--form-control-color);
	/* Windows High Contrast Mode */
	background-color: #555;
  }
  
  input[type="checkbox"]:checked::before {
	transform: scale(1);
  }
  
  input[type="checkbox"]:focus {
	/* outline: max(2px, 0.15em) solid #c0c0c0;
	outline-offset: max(2px, 0.15em); */
	outline: none;
  }
  .dialogue {
	width: 100%;
	max-width: 1330px;
	padding: 5rem 1rem;margin:auto;
  }

.cat{
	display: flex;
	align-items: center;
	padding-block:1rem;
}
.cat .group{
	padding-block:2rem;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	border-bottom:1px solid #bababa;
	flex:1;
}

.act.cat .group {
    display: flex;
    flex-direction: row-reverse;
}

.dialogue .title{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.title h2{
	position: relative;
	color:#fff;
	
	
	font-weight: 400;
	margin-bottom: 2rem;
	width: 100%;
	display: flex;
	justify-content: center;
}
.title h2 span{
	background-color: var(--borange);
	padding:0.25rem 0.9rem;
	border-radius: 15px;
}
.title h2::before{
	content:"";
	position: absolute;
	inset:0;
	margin:auto;
	height: 2px;
	background-color: #d4d4d4;
	width: inherit;
	z-index: -1;
}
.title h3{
	font-weight: normal;
	font-size: 1.35rem;
	margin-bottom: 3.5rem;
	text-align: center;
}


.fields{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-weight: 700;
}
.hug2 .title span{
	background-color: var(--orange);
}
.hug2 .group{
	justify-content: flex-start;
}
.hug2 .group .fields{
	flex-direction: column;margin-inline-end: 1rem;margin-block-end: 0.5rem;
}

.hug .group .fields,
.hours .group .fields,
.days .group .fields,
.ccenter .group .fields{
	flex-direction: row;margin-inline-end: 1rem;
}

.hug .group .fields input[type="checkbox"]
.hours .group .fields input[type="checkbox"],
.days .group .fields input[type="checkbox"],
.ccenter .group .fields input[type="checkbox"]{
	margin-inline-end: 5px;
}
.cat .title{
	min-width: 200px;
}

.cat .title span{
	color:#fff;
	font-size: 1.4rem;
	border-radius: 15px;
	padding:0.25rem 0.9rem;
	min-width: 140px;
	text-align: center;
}

.fields .icon{
	margin-top: 1.5rem;
}

.fields .icon img{
	max-height:60px;
}
.act .title span{
	background-color: var(--main);
}
.act .group .fields{
	color:var(--dblue);
	
}

.hug .title span{
	background-color: var(--green);
}

.ccenter .title span{
	background-color: var(--blue);
}
.cat.ccenter .group,
.cat.days .group,
.cat.ages .group,
.cat.hours .group {
	justify-content: flex-start;
}
.ccenter .group .fields{
	color:var(--cobalt);
	
}

.age .title span{
	background-color: var(--purple);
}
.age .group .fields{
	color:var(--purple);
	
}

.days .title span{
	background-color: var(--orange);
}
.days .group .fields{
	color:var(--orange);
	
}

.hours .title span{
	background-color: var(--blue);
}
.hours .group .fields{
	color:var(--blue);
	
}
.shifted{
	padding-top: 3rem;
	display: flex;
	justify-content: flex-end;
}

.shifted button.submit{
	display: flex;
	background-color: var(--orange);
	outline: none;
	border:none;
	font-size: 1.4rem;
	color: #fff;
	text-shadow: 3px 3px 5px rgba(0,0,0,0.35);
	border-radius: 15px;
	padding:0.25rem 0.9rem;
	cursor: pointer;

}


@media (max-width:1199px){
	.cat .title {
		min-width: 100px;
	}
	.group .fields{
		font-size: 0.9rem;
	}
	.cat .title span {
		font-size: 1.15rem;
		min-width: 80px
	}
}

@media (max-width:991px){
	.cat .title {
			min-width: auto;
		}
	.dialogue{
		max-width: 90%;
		margin-inline: auto;
	}
	.cat{
		flex-direction: column;
	}
	.cat .group{
		flex-wrap: wrap;
	}
	.cat .fields{
		margin-block-end:1rem;
		width:40%;
	}
}