.share a { background-color: #ed8b00; color: #000000; }

html.use-hover .share a:hover { background-color: #ed8b00; color: #ffffff; }

article.featured-resource a { display: block; position: relative; background-color: #ffffff; }

article.featured-resource a:after { display: none; }

article.featured-resource .image { position: relative; height: 0; padding-bottom: 56.25%; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #000000; }

@media (min-width: 992px) { article.featured-resource .image { padding-bottom: 35%; } }

article.featured-resource .image:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0px; background-color: rgba(237, 139, 0, 0.35); transition: all 0.3s ease; }

article.featured-resource .image .tag { position: absolute; left: 0; top: 1.5rem; padding: 0 .75rem; background-color: #ed8b00; color: #ffffff; font-weight: 700; text-transform: uppercase; z-index: 100; }

@media (min-width: 768px) { article.featured-resource .image .tag { font-size: 1.25rem; padding: 0 1.5rem; } }

article.featured-resource .info { padding: 2rem; text-align: left; }

article.featured-resource .info h4 { color: #ed8b00; transition: all 0.3s ease; }

article.featured-resource .info h6 { color: #000000; transition: all 0.3s ease; }

article.featured-resource .info p { font-weight: 300; color: #000000; transition: all 0.3s ease; }

html.use-hover article.featured-resource a:hover { background-color: #ed8b00; }

html.use-hover article.featured-resource a:hover .image:before { height: 100%; }

html.use-hover article.featured-resource a:hover .info h4, html.use-hover article.featured-resource a:hover .info h6, html.use-hover article.featured-resource a:hover .info p { color: #ffffff; }

.featured-row { display: none; position: relative; top: -80px; margin-bottom: -60px; }

@media (min-width: 768px) { .featured-row { top: -160px; margin-bottom: -120px; } }

@media (min-width: 992px) { .featured-row { display: block; } }

.featured-row article.featured-resource { height: 100%; }

.featured-row article.featured-resource a { height: 100%; }

.featured-row article.featured-resource .image { padding-bottom: 142%; }

.featured-row.count-1 article.featured-resource a { width: 100%; display: -webkit-box; display: flex; flex-wrap: wrap; }

.featured-row.count-1 article.featured-resource a .image { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; padding-bottom: 56.25%; }

@media (min-width: 992px) { .featured-row.count-1 article.featured-resource a .image { padding-bottom: 35%; -webkit-box-flex: 0; flex: 0 0 66.66667%; max-width: 66.66667%; -webkit-box-ordinal-group: 14; order: 13; } }

.featured-row.count-1 article.featured-resource a .info-wrap { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }

@media (min-width: 992px) { .featured-row.count-1 article.featured-resource a .info-wrap { -webkit-box-flex: 0; flex: 0 0 33.33333%; max-width: 33.33333%; -webkit-box-ordinal-group: 0; order: -1; } }

html.clippaths article.featured-resource .image .tag { padding-right: 1.5rem; -webkit-clip-path: polygon(0 0, 100% 0, 92.5% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 92.5% 100%, 0% 100%); }

@media (min-width: 768px) { html.clippaths article.featured-resource .image .tag { padding-right: 2.5rem; } }

html.clippaths .featured-row.count-1 article.featured-resource .image .tag { left: auto; right: 0; padding-right: .75rem; padding-left: 1.5rem; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 7.5% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 7.5% 100%); }

@media (min-width: 768px) { html.clippaths .featured-row.count-1 article.featured-resource .image .tag { padding-right: 1.5rem; padding-left: 2.5rem; } }

#content.dark { background-color: #000000; }

.filters { margin-top: 0; }

@media (min-width: 992px) { .filters .ui-selectmenu-button { float: right; margin: 0 0 0 2rem; } }

@media (min-width: 992px) { .filters #select-group-button.ui-selectmenu-button { float: left; margin: 0; } }

.filters #select-group-button.ui-selectmenu-button span.ui-selectmenu-text { font-size: 1.125rem; font-weight: 700; }

@media (min-width: 992px) { .filters #select-group-button.ui-selectmenu-button span.ui-selectmenu-text { font-size: 1.375rem; } }

#resource-list { position: relative; }

#resource-list.preloader { min-height: 16rem; }

#resource-list.preloader:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(/_assets/img/loaders/preloader-white.svg); background-repeat: no-repeat !important; background-position: center center; background-size: 64px 64px; }

.resource-list { position: relative; }

.resource-list article { position: relative; height: 100%; }

.resource-list article a { display: block; height: 100%; background-color: #1f1f1f; }

.resource-list article a:after { display: none; }

.resource-list article a .info { padding: 1rem; }

.resource-list article a h6 { color: #ed8b00; transition: color 0.3s ease; }

.resource-list article a p { font-weight: 300; color: #ffffff; }

html.use-hover .resource-list article a:hover { background-color: #ed8b00; }

html.use-hover .resource-list article a:hover h6 { color: #ffffff; }