.db__filter{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:15px;
}
.dark-mode .db__filter{
 color:#fff; 
}

.db__listing--item{
  margin-top:50px;
}
.db__listing--inner{
  display:flex;
  flex-wrap:wrap;
  padding:22px 0;
  margin:0 -20px;
}

.db__listing--card{
  padding:20px;
}

.db__listing--cardItem{
  border:1px solid #151C27;
  border-radius:30px;
  padding:30px;
  height:100%;
  display:flex;
  flex-direction:column;
}

.dark-mode .db__listing--cardItem{
  border-color:#fff;
  color:#fff;
}

.db__listing--cardText{
  font-size:16px;
}
.db__listing--cardText h4{
  margin-bottom:10px;
}
.db__listing--cardText ul{
  padding-left:20px;
  margin-bottom: 15px;
}

.db__listing--linkWrap{
  margin-top:auto;
}
  
.db__filter--col.year,
.db__filter--col.month{
  width:100%;
}
.db__filter--col.search{
  flex-grow:1;
}

.dropdown-list{
  display:none;
}


.db__filter--item{
  position:relative;
}


.filtered__tabbed{
  position:relative;
}

@media (min-width:768px){
  .db__listing--headingWrap{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
  }
  .db__listing--headingWrap h2{
    margin-bottom:0;
    margin-right: 30px;
  }
  .db__filter--col.year,
  .db__filter--col.month{
    max-width:250px;
  }
  .filtered__tabbed{
    flex-grow:1;
    display: flex;
    align-items: center;
    gap: 15px;
  }
  .filtered__tabbed .dropdown-list{
    position:relative;
    opacity:1;
    visibility:visible;
    box-shadow:none;
    padding:0;
    top:0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:30px;
    background-color:transparent;
    flex: 0 0 auto;
    width: auto;
  }
  .filtered__tabbed::before,
  .filtered__tabbed::after {
    content: '';
    flex: 1;
    background-color: var(--primary-color);
    height: 2px;
  }
  .dark-mode .filtered__tabbed .dropdown-list li a{
    color:#fff;
  }
  .filtered__tabbed .dropdown-list li a {
    color:#151C27;
    font-size:16px;
    padding:0;
    transition:.2s all;
    background-color:transparent!important;
     border-bottom:1.5px solid transparent;
  }
  .filtered__tabbed .dropdown-list li a:hover{
    font-size:20px;
  }
  .filtered__tabbed .dropdown-list li a.is-active{
    border-color: #FFC318;
    padding-bottom:5px;
    font-size:20px;
  }
  .filtered__tabbed .dropdown-label{
    display:none;
  }
  .db__listing--card{
    width:calc(100% / 2);
  }
  
}

@media (min-width: 1200px) {
  .db__listing--headingWrap h2 {
    margin-right: 50px;
  }
  .db__listing--card{
    width:calc(100% / 3);
  }
}


@media (max-width:767px){
  .db__listing--headingWrap h2 {
    display: flex;
    gap: 20px;
    align-items: center;
  }
  .db__listing--headingWrap h2::after {
    content: '';
    flex: 1;
    background-color: var(--primary-color);
    height: 2px;
  }
}


.dropdown-label{
  color: #bcbcbc;
  font-family: sweet-sans-pro;
  font-weight: 900;
  text-transform: capitalize;
}
.dropdown-label:after{
  cursor: pointer;
  content:url(https://23715407.fs1.hubspotusercontent-na1.net/hubfs/23715407/raw_assets/public/unitedafa-s2/images/resources-icons/arrow-down.svg);
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  -webkit- transform:translateY(-50%);
}
.is-open .dropdown-label:after{
  transform:translateY(-50%) scaleY(-1);
  -webkit-transform:translateY(-50%) scaleY(-1);
}

.dropdown-list{
  display:block;
  list-style:none;
  background-color: #fff;
  border-radius:6px;
  box-shadow: 0 4px 50px rgba(0,0,0,.2);
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: calc(100% - 1px);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  visibility: hidden;
  width: 100%;
  z-index: 2;
  max-height:500px;
  overflow:scroll;
}

.is-open .dropdown-list {
  visibility:visible;
  opacity:1;
  z-index:99;
}

.dropdown-list li:last-child{
  margin-bottom:0;
}

.dropdown-list li a,
.dropdown-list li button.no-button {
  display:block;
  line-height:1.1;
  font-size:14px;
  padding:7px 10px;
  position:relative;
  color:#000;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

.dropdown-list li button.no-button {
  display: block;
  width: 100%;
}

.dropdown-list li a:hover,
.dropdown-list li a.is-active,
.dropdown-list li button.no-button:hover,
.dropdown-list li button.no-button.is-active {
  color:var(--primary-color);
  background-color:var(--accent-color);
}
.list-mod__db__filter--search input{
  background-image:url('data:image/svg+xml,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1111 12.6111L16 16.5M13.963 7.98148C13.963 9.2634 13.5828 10.5165 12.8706 11.5824C12.1584 12.6483 11.1462 13.479 9.96184 13.9696C8.7775 14.4602 7.47429 14.5885 6.21701 14.3384C4.95973 14.0883 3.80484 13.471 2.89838 12.5646C1.99193 11.6581 1.37463 10.5032 1.12454 9.24596C0.874453 7.98867 1.00281 6.68546 1.49338 5.50113C1.98394 4.31679 2.81469 3.30452 3.88057 2.59233C4.94644 1.88013 6.19957 1.5 7.48148 1.5C9.20048 1.5 10.8491 2.18287 12.0646 3.39838C13.2801 4.61389 13.963 6.26248 13.963 7.98148V7.98148Z" stroke="%23FFC318" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>') !important;
  background-position:center right 15px !important;
  background-repeat:no-repeat !important;
}
.db__filter input::-ms-input-placeholder { /* Edge 12-18 */
  color: #bcbcbc;
  font-weight: 900;
}

.db__filter input::placeholder {
  color: #bcbcbc;
  font-family: sweet-sans-pro;
  font-weight: 900;
}

.db__filter input {
  color: #151c27 !important;
  font-weight:400 !important;
}
.dark-mode .db__filter input {
  color: #f0f5f8 !important;
  font-weight:400 !important;
  border-color:#fff;
}
.dark-mode .dropdown-label {
  border-color:#fff;
  background:transparent;
}



.db__filter--item input{
  background-image:url('data:image/svg+xml,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.1111 12.6111L16 16.5M13.963 7.98148C13.963 9.2634 13.5828 10.5165 12.8706 11.5824C12.1584 12.6483 11.1462 13.479 9.96184 13.9696C8.7775 14.4602 7.47429 14.5885 6.21701 14.3384C4.95973 14.0883 3.80484 13.471 2.89838 12.5646C1.99193 11.6581 1.37463 10.5032 1.12454 9.24596C0.874453 7.98867 1.00281 6.68546 1.49338 5.50113C1.98394 4.31679 2.81469 3.30452 3.88057 2.59233C4.94644 1.88013 6.19957 1.5 7.48148 1.5C9.20048 1.5 10.8491 2.18287 12.0646 3.39838C13.2801 4.61389 13.963 6.26248 13.963 7.98148V7.98148Z" stroke="%23FFC318" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg>') !important;
  background-position:center right 15px !important;
  background-repeat:no-repeat !important;
  background: transparent;
  border: .0625rem solid #151c27;
  border-radius: 1.0625rem;
  color: #bcbcbc;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  width:100%;
  padding: .8125rem 2.5rem .8125rem .9375rem;
}
.db__filter input::-ms-input-placeholder { /* Edge 12-18 */
  color: #bcbcbc;
  font-weight: 900;
}

.db__filter input::placeholder {
  color: #bcbcbc;
  font-family: sweet-sans-pro;
  font-weight: 900;
}

.no-items__found{
  padding:0 20px;
}