.hubdb{
  scroll-margin-top:160px;
}
{#******* FILTERS *******#}
.hubdb__filters{
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 42px;
  margin-bottom: 42px;
}
.hubdb__filter-field{
  display:flex;
  align-items:center;
  gap:14px;
}
.hubdb__filter-field input,
.hubdb__filter-field select{
  padding: 0 18px;
  width:100%;
  border: 1px solid #b9b9b9;
  background-color:#fff;
  color:#1e1e1e;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.04em;
  text-transform:uppercase;
}
.hubdb__filter-field select{
  height: 42px;
  appearance:none;
  background-image: linear-gradient(45deg, transparent 50%, #555 50%), linear-gradient(135deg, #555 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 13px) calc(50% - 3px);
  background-size: 5px 5px, 5px 5px;
  background-repeat:no-repeat;
  padding-right:36px;
}
.hubdb__filter-field input::placeholder,
.hubdb__filter-field select{
  color: #6e6e6e;
}
.hubdb__filter-field input:focus,
.hubdb__filter-field select:focus{
  outline:none;
  border-color:#1a1a1a;
}
.hubdb__filter-field input[type="checkbox"],
.hubdb__filter-field input[type="radio"]{
  display: block;
}

.hubdb__filter-field label{
  display: inline-flex;
  align-items:center;
  flex: 0 0 auto;
  margin:0;
  color:#1a1a1a;
  font-size:13px;
  font-weight:800;
  letter-spacing:0.06em;
  text-transform:uppercase;
}
.hubdb__filter-field--custom-date{

}
.hubdb__filter-field--custom-date label {
  font-family: 'Trade Gothic LT';
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
}
.hubdb__filter-field--custom-date select,
.hubdb__filter-field--custom-date input {
  width: 206px;
  font-family: 'Trade Gothic LT';
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  height: 42px;
}
.hubdb__filter-field--multiselect:not(.hubdb--SELECT),
.hubdb__filter-field--foreign_id:not(.hubdb--SELECT),
.hubdb__filter-field--select:not(.hubdb--SELECT){
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.hubdb__filter--checkbox-subfield{
  text-align: center;
  margin: 0 10px;
}
.hubdb__filter--checkbox-subfield label{
  display: block;
}
.hubdb__filter-subfield{
  margin: 10px;
}
.hubdb__filter-field label::after{
  content: "";
}
.hubdb__not-found-results{
  color:var(--secondary);
  width:100%;
  text-align:center;
}
.hubdb .hubdb__load-more{
  margin: 0 auto;
  display: none;
}
.hubdb__load-more.button.button--active {
  display: flex;
  justify-content: center;
  margin: 64px auto 32px;
  width: fit-content;
}

{#******* PAGINATION *******#}
.hubdb__pagination{
  margin: 64px auto 32px;
  text-align: center;
  width: fit-content;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.hubdb__pagination-container{
  padding: 0 16px;
  display: flex;
  justify-content: center;
  gap: 16px;
}
.hubdb__button-prev,
.hubdb__button-next{
	pointer-events: none;
  cursor: initial;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .3s ease-in-out;
	opacity:0.6;
	text-decoration:none;
}
.hubdb__button-prev.button--active,
.hubdb__button-next.button--active{
  pointer-events: initial;
  cursor: pointer;
	opacity:0.95;
}
.hubdb__button-prev:hover,
.hubdb__button-next:hover{
	opacity:1;
}
.hubdb--pagination-hide .hubdb__button-prev,
.hubdb--pagination-hide .hubdb__button-next{
	display:none;
	transition: all .3s ease;
}
.hubdb__button-prev{
  left: -32px;
}
.hubdb__button-next{
  right: -32px;
}
.hubdb__button-page {
	width:40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
	text-decoration:none;
	transition: all .3s ease;
}
.hubdb__button-page--active{
	pointer-events:none;
}
.hubdb__button-page:hover{
	text-decoration:none;
}
{#******* CARD *******#}
.hubdb__container{
	margin: 0 auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.hubdb__card{
	transition:all .3s ease;
	box-shadow: 0 16px 32px rgba(10, 31, 68, 0.08);
	border-radius:12px;
	overflow:hidden;
	background-color:#d9d9d9;
}
.hubdb__path-card{
	display:block;
	color:inherit;
	text-decoration:none;
	height:100%;
}
.hubdb__path-card:hover{
	text-decoration:none;
}
.hubdb__path-card:focus-visible{
	outline:2px solid #161616;
	outline-offset:3px;
}
.hubdb__media{
	position:relative;
	overflow:hidden;
	aspect-ratio: 1.56 / 1;
}
.hubdb__featured-image{
	width: 100%;
	height: 100%;
	display:block;
	object-fit:cover;
	background: linear-gradient(135deg, #7bb4f2 0%, #0e6fbd 100%);
}
.hubdb__featured-image--placeholder{
	background: linear-gradient(135deg, #7bb4f2 0%, #0e6fbd 100%);
}
.hubdb__information{
	padding: 26px 20px 24px;
	background-color:#d9d9d9;
	display:flex;
}
.hubdb__content{
	display:flex;
	flex-direction:column;
	width:100%;
	gap:14px;
}
.hubdb__title{
	margin:0;
	color:#141414;
	font-size:31px;
	line-height:1;
	font-weight:900;
	letter-spacing:0.01em;
	text-transform:uppercase;
}
.hubdb__meta{
	margin:0;
	color:#343434;
	font-size:12px;
	line-height:1.45;
	font-weight:700;
}
.hubdb__meta-separator{
	padding:0 6px;
}
.hubdb__description{
	color:#2d2d2d;
	font-size:14px;
	line-height:1.7;
	font-weight:500;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.hubdb__description p{
	margin:0;
}
.hubdb__schedule{
	margin-top:auto;
	display:flex;
	align-items:center;
	gap:12px;
	color:#161616;
	font-size:15px;
	line-height:1.4;
	font-weight:800;
	text-transform:uppercase;
}
.hubdb__schedule-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
}
.hubdb--label{
	color: var(--secondary);
	font-weight:700;
	margin-bottom:8px;
}
.hubdb--hide{
	display:none;
}
{#*************** MEDIA QUERYS ***************#}
@media screen and (max-width: 992px){
  .hubdb__filters{
    align-items: stretch;
	}
	.hubdb__filter-field{
		flex: 1 1 calc(50% - 14px);
		align-items:flex-start;
		flex-direction:column;
	}
	.hubdb__filter-field--custom-date{
		flex: 1 1 calc(50% - 14px);
	}
  .hubdb__card{
    margin: 0 auto;
    height: fit-content;
    flex-direction: column;
    align-items: stretch;
    max-width: 818px;
    width: 100%;
  }
	.hubdb__title{
		font-size:28px;
	}
}
@media(max-width:767px){
	.hubdb__filters{
		gap:16px;
	}
	.hubdb__filter-field{
		flex: 1 1 100%;
	}
	.hubdb__filter-field--custom-date{
		flex: 1 1 100%;
	}
	.hubdb__information{
		min-height:unset;
	}
	.hubdb__title{
		font-size:24px;
	}
	.hubdb__schedule{
		font-size:14px;
	}
}