.section-search {

	background-color: var( --background-search );
}

.section-search h1 {
	color: var(--font-color-striped);
}


#search {
	--bs-gutter-x: 3.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}

.btn-search {
	color: var(--border-form-color);
	text-transform: uppercase;
}

.btn-reset-search {
	background: transparent;
	border: 1px solid var(--border-form-color);
	border-radius: 0;
	color: var(--font-color);
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2.6px;
	text-transform: uppercase;
	padding: 8px 14px;
}

.btn-reset-search:hover,
.btn-reset-search:focus {
	background: var(--border-form-color);
	color: var(--font-select-color);
}

.collapseSearch {
	border: 1px solid var(--secondary-color);
	padding: 0.5rem;

}

.selectize-input {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--font-color);
	letter-spacing: 2.6px;
}

.selectize-control.single .selectize-input,
.selectize-control.multi .selectize-input,
.selectize-dropdown.single,
.selectize-dropdown.multi {
	border: 1px solid var(--border-form-color);
	border-radius: 0;
}

.selectize-dropdown .option {
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 3px;

}

.selectize-dropdown .option.fachoptions {
	border-left: 5px solid transparent;
}

.selectize-control.single .selectize-input,
.selectize-control.multi .selectize-input,
.selectize-input,
.selectize-input.focus,
.selectize-input.dropdown-active {
	background-image: none;
	background-color: var( --background-search );
	box-shadow: none;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active,
.selectize-control.multi .selectize-input.input-active {
	background: var(--background-form-color);
	cursor: text;
	display: inline-block;
}

.selectize-input input::placeholder,
#search-input::placeholder {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--font-color);
	letter-spacing: 2.6px;
}

.selectize-input:not(.has-items) input {
	width: 100% !important;
}

.selectize-dropdown .active:not(.selected) {
	background: var(--background-select-color);
	color: var(--font-select-color);
}

.selectize-dropdown .selected {
	background-color: var(--background-select-color);
	color: var(--font-color);
}

.selectize-dropdown,
.selectize-dropdown.form-control {
	background: var(--background-form-color);
}

.selectize-control.single .selectize-input,
.selectize-control.multi .selectize-input,
.selectize-control.single .selectize-input input,
.selectize-control.multi .selectize-input input {
	padding-top: 8px;
	padding-bottom: 8px;

}


#searchChips .search-chip {
	padding-right: 1rem;
}

#searchChips .chip-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0;
}

#searchChips .chip-text {
	margin-bottom: 0;
		font-size: 12px;
		font-weight: bold;
	text-transform: uppercase;
	color: var(--font-color);
	letter-spacing: 2.6px;
	padding-top: 10px;

}

#searchChips .btn.btn-chip{
	font-size: 20px!important;
	padding-bottom: 0;
	padding-left: 5px;
}


/*Pagination*/

.page-link, .page-link:hover {
	background-color: transparent;
	text-decoration: underline;
	font-size: 20px;
	font-weight: normal !important;
	padding: var(--bs-pagination-padding-y) 1rem;
}

.page-link.active  {
	background-color: transparent;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold !important;
	cursor: default;
}

 .subject-list ul {
		font-weight: bold;
         list-style: none;
         padding: 0;
         margin: 0;
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
      }

      .subject-list li {
         display: inline-block;

      }

      .subject-topic {
         background: transparent;
         border: 0;
         padding: 0;
         margin: 0;
         color: inherit;
         font: inherit;
         cursor: pointer;
         text-align: left;
      }

      .subject-topic:hover {
         text-decoration: underline;
      }

      .subject-topic:focus-visible {
         outline: 2px solid var(--border-form-color);
         outline-offset: 2px;
      }