.block-resources-listings .resource-filter-select{margin-bottom: 5rem; border: 1px solid var(--brand-1); border-radius: 2rem; font-weight: bold; color: var(--brand-1); padding: .75rem 2.25rem; cursor: pointer;}
.block-resources-listings .resource-filter-select h4{font-size: 1.65rem; display: flex; align-items: center; gap: .5rem; text-transform: uppercase;}
.block-resources-listings .resource-filter-select h4::after{content: ''; display: block; width: 15px; height: 15px; background-image: url(/wp-content/uploads/blue-arrow.png); background-size: contain; background-position: center; background-repeat: no-repeat; rotate: 0deg; transition: all .25s;}
.block-resources-listings .resource-filter-select ul{padding-left: 0; margin-top: 0; max-height: 0; overflow-y: auto; transition: all .25s; -ms-overflow-style: none; scrollbar-width: none;}
.block-resources-listings .resource-filter-select ul li{cursor: pointer; list-style: none; padding: .6rem 0; margin-bottom: 0; font-size: 1.45rem; display: flex; gap: .5rem; align-items: center; line-height: 1;}
.block-resources-listings .resource-filter-select ul li::before{display: none;}
.block-resources-listings .resource-filter-select ul li .checkbox{width: 18px; height: 18px; border: 2px solid var(--brand-1); border-radius: .25rem; position: relative;}
.block-resources-listings .resource-filter-select ul li.current .checkbox{background-color: var(--brand-1);}
.block-resources-listings .resource-filter-select ul li.current .checkbox::before{content: ''; position: absolute; background-image: url(/wp-content/themes/toast/assets/images/beacon-check-white.svg); top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; height: 95%; background-size: contain; background-position: center; background-repeat: no-repeat;}

.block-resources-listings .resource-filter-select.open{cursor: default;}
.block-resources-listings .resource-filter-select.open ul{max-height: 20vh; transition: all .25s; padding-top: .5rem;}
.block-resources-listings .resource-filter-select.open ul::-webkit-scrollbar {display: none;}

.block-resources-listings .resource-filter-select.open h4::after{rotate: 90deg; transition: all .25s;}

.block-resources-listings .content-type-filter-select{background-color: #f2f2f2; padding: 5rem 0; margin-bottom: 5rem;}
.block-resources-listings .content-type-filter-select h3{text-align: center; color: var(--brand-1); margin-bottom: 5rem;}
.block-resources-listings .content-type-filter-select .content-type-filter-list{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 4rem; grid-row-gap: 2rem;}
.block-resources-listings .content-type-filter-select .content-type-filter-list .content-type{border: 1px solid var(--brand-1); border-radius: 4rem; font-weight: bold; color: var(--brand-1); padding: .75rem 2.25rem; cursor: pointer; font-size: 1.45rem; text-transform: uppercase; display: flex; align-items: center; gap: .5rem; text-align: center; justify-content: center;}
.block-resources-listings .content-type-filter-select .content-type-filter-list .content-type::after{content: ''; display: block; width: 15px; height: 15px; background-image: url(/wp-content/uploads/blue-arrow.png); background-size: contain; background-position: center; background-repeat: no-repeat; rotate: 0deg; transition: all .25s;}

.block-resources-listings .content-type-filter-select .content-type-filter-list .content-type:hover::after{rotate: 90deg; transition: all .25s;}

.block-resources-listings .content-type-filter-select .content-type-filter-list .content-type.current{background-color: var(--brand-1); color: #fff;}
.block-resources-listings .content-type-filter-select .content-type-filter-list .content-type.current::after{background-image: url('/wp-content/uploads/white-arrow.png');}

.block-resources-listings .pagination{display: flex; gap: 1rem; justify-content: center; align-items: center; padding-top: 3rem;}
.block-resources-listings .pagination-link{border: 1px solid #3c3c3b; color: #3c3c3b; border-radius: 100%; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; aspect-ratio: 1; font-size: 1.5rem; cursor: pointer;}
.block-resources-listings .pagination-link:hover{border-color: var(--brand-1); color: #fff; background-color: var(--brand-1);}
.block-resources-listings .pagination-link.current-page{border-color: var(--brand-1); color: #fff; background-color: var(--brand-1);}

.block-resources-listings .button-wrapper{display: flex; justify-content: center; padding-top: 5rem;}
.block-resources-listings a.optional-button{color: #fff; background-color: #033294; border: 2px solid #033294;}
.block-resources-listings a.optional-button::after{background-image: url(/wp-content/uploads/white-arrow.png);}
.block-resources-listings a.optional-button:hover{color: #033294; background-color: #fff; border: 2px solid #033294}
.block-resources-listings a.optional-button:hover::after{background-image: url(/wp-content/uploads/blue-arrow.png);}

.block-resources-listings h3.section-title{color: #033294;}

@media(max-width: 768px) {
    .block-resources-listings .content-type-filter-select .content-type-filter-list{grid-template-columns: 1fr !important;}
}