/*filters*/
#resources-filter .resources-categories { padding: 1rem 0 3rem 0; }

#resources-filter .resources-categories ul { list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; }

@media (min-width: 992px) { #resources-filter .resources-categories ul { margin: 0 -.75rem; } }

#resources-filter .resources-categories ul li { margin-bottom: 1rem; position: relative; width: 100%; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) { #resources-filter .resources-categories ul li { padding: 0 .75rem; flex-basis: 0; flex-grow: 1; max-width: 100%; } }

#resources-filter .resources-categories ul li input { display: none; }

#resources-filter .resources-categories ul li label { display: block; position: relative; padding: .75rem .35rem; cursor: pointer; overflow: hidden; font-size: 20px; font-weight: 400; color: #ffffff; background-color: #006bb7; border: none; text-align: center; border-radius: .25rem; }

@media (min-width: 992px) { #resources-filter .resources-categories ul li label { font-size: 22px; } }

@media (hover: hover) { #resources-filter .resources-categories ul li label:hover { background-color: #005780; } }

#resources-filter .resources-categories ul li input:checked + label { background-color: #005780; }

#resources-filter .resources-categories ul li.all label { background-color: #f1b434; }

@media (hover: hover) { #resources-filter .resources-categories ul li.all label:hover { background-color: #eebd56; } }

#resources-filter .resources-categories ul li.all input:checked + label { background-color: #eebd56; }

#resources-filter .resources-categories ul li.clergy label { background-color: #e87722; }

@media (hover: hover) { #resources-filter .resources-categories ul li.clergy label:hover { background-color: #e4853e; } }

#resources-filter .resources-categories ul li.clergy input:checked + label { background-color: #e4853e; }

#resources-filter .resources-categories ul li.congregational-life label { background-color: #84bd00; }

@media (hover: hover) { #resources-filter .resources-categories ul li.congregational-life label:hover { background-color: #99b950; } }

#resources-filter .resources-categories ul li.congregational-life input:checked + label { background-color: #99b950; }

#resources-filter .resources-categories ul li.church-staff label { background-color: #5bc2e7; }

@media (hover: hover) { #resources-filter .resources-categories ul li.church-staff label:hover { background-color: #7ac8e4; } }

#resources-filter .resources-categories ul li.church-staff input:checked + label { background-color: #7ac8e4; }

#resources-filter .input-buttons { display: none !important; padding: 1rem 0; text-align: center; }

@media (max-width: 991.98px) { #resources-filter .input-buttons .btn { display: block; width: 100%; max-width: 180px; margin: 1rem auto; } }

/*results*/
.resources-results-list article .image { overflow: hidden; }

.resources-results-list article .image a { position: relative; display: block; overflow: hidden; }

.resources-results-list article .image a:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all 0.2s ease-in-out; box-sizing: border-box; background-color: rgba(0, 107, 183, 0.5); }

@media (hover: hover) { .resources-results-list article .image a:hover:after { background-color: rgba(0, 87, 128, 0.5); } }

.resources-results-list article .image img { display: block; width: 100%; height: auto; filter: grayscale(100%); }

.resources-results-list article.clergy .image a:after { background-color: rgba(232, 119, 34, 0.5); }

@media (hover: hover) { .resources-results-list article.clergy .image a:hover:after { background-color: rgba(228, 133, 62, 0.5); } }

.resources-results-list article.congregational-life .image a:after { background-color: rgba(132, 189, 0, 0.5); }

@media (hover: hover) { .resources-results-list article.congregational-life .image a:hover:after { background-color: rgba(153, 185, 80, 0.5); } }

.resources-results-list article.church-staff .image a:after { background-color: rgba(91, 194, 231, 0.5); }

@media (hover: hover) { .resources-results-list article.church-staff .image a:hover:after { background-color: rgba(122, 200, 228, 0.5); } }

.resources-results-list article .info { padding: 0 1rem; display: flex; }

.resources-results-list article .info .info-meta { position: relative; width: 100%; flex-basis: 0; flex-grow: 1; max-width: 100%; }

.resources-results-list article .info .info-btns { position: relative; width: 100%; flex: 0 0 auto; width: auto; max-width: 100%; text-align: right; }

.resources-results-list article .info .info-btns ul { list-style: none; margin: 0px; padding: .125rem 0px 0px .5rem; }

.resources-results-list article .info .info-btns ul li { display: inline-block; margin: 0px 0px 0px .75rem; }

.resources-results-list article .info .info-btns ul li a { display: block; font-size: 1.125rem; }

@media (min-width: 992px) { .resources-results-list article .info .info-btns ul li a { font-size: 1.5rem; } }

@media (min-width: 1200px) { .resources-results-list article .info .info-btns ul li a { font-size: 1.75rem; } }

/*detail*/
body.clergy #billboard:after { background-color: rgba(232, 119, 34, 0.5); }

body.congregational-life #billboard:after { background-color: rgba(132, 189, 0, 0.5); }

body.church-staff #billboard:after { background-color: rgba(91, 194, 231, 0.5); }

.resources-detail-btns { list-style: none; margin: 0px 0px 2rem 0px; padding: 0px; }

.resources-detail-btns li { display: inline-block; margin: 0px .75rem 0px; }

.resources-detail-btns li a { display: block; font-size: 1.5rem; }

@media (min-width: 992px) { .resources-detail-btns li a { font-size: 2rem; } }

.resources-form-heading { padding: 1.5rem; background-color: #bf0d3e; }

.resources-form-heading p { margin: 0px; }

#contact-form.monkForm { padding: 0 .5rem 1.5rem 1.5rem; }