/*************************************************************************************************************** Dear Dev Pros, Only add non-renderable SASS in this file (no CSS selectors), otherwise any CSS will be rendered into any file that includes this one (spoiler alert: most files include this file) */
.category-link { display: block; width: 100%; padding: 12px 0; background-color: #003087; border: 2px solid #003087; color: #f5f5f5; text-align: center; }

.category-link.active { background-color: #003087; color: #f5f5f5; }

.category-link.active:focus, .category-link.active:visited { color: #f5f5f5; }

.category-link:focus, .category-link:visited { color: #f5f5f5; }

a.category-link:hover { background-color: #f5f5f5; color: #003087; border: 2px solid #003087; text-decoration: none; }

.category-list .row { width: 100%; height: 100%; margin-left: 0; margin-right: 0; }

@media (min-width: 768px) { .category-list .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 2rem; } }

.category-list .row .category-tile { position: relative; overflow: hidden; -webkit-transition: -webkit-box-shadow 0.2s ease; transition: -webkit-box-shadow 0.2s ease; transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease; background-color: #003087; color: #f5f5f5; margin: 0 1rem 1rem 1rem; width: 100%; }

@media (min-width: 768px) { .category-list .row .category-tile { width: calc(25% - 2rem); margin: 0 1rem; } }

.category-list .row .category-tile .placeholder { position: relative; width: 100%; max-width: 100%; top: 0; }

.category-list .row .category-tile .image img { position: relative; width: 100%; max-width: 100%; min-height: 200px; top: 0; -webkit-transition: top 1s ease; transition: top 1s ease; }

.category-list .row .category-tile .title { background-color: #003087; color: #f5f5f5; padding: 1.8rem 1.5rem; position: absolute; left: 0; right: 0; bottom: 0; }

.category-list .row .category-tile .title .description { padding-top: 24px; }

.category-list .row .category-tile .title .more-link { position: relative; display: inline-block; color: #fcaa01; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; margin-bottom: 0; }

.category-list .row .category-tile .title .more-link:hover::before { width: 100%; }

.category-list .row .category-tile .title .more-link::before { content: ''; display: block; position: absolute; left: 0; width: 0; height: 2px; bottom: -2px; background-color: #fcaa01; -webkit-transition: width 0.2s ease; transition: width 0.2s ease; }

.category-list .row .category-tile .title .more-link::after { content: '>'; margin-left: 0.5rem; font-size: 1.2rem; vertical-align: 3%; }

.category-list .row .category-tile .area-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.product-list .product-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 2rem; padding-bottom: 2rem; }

.product-list .product-info h3 { margin-bottom: 1rem; }

.product-list .product-info .product-code { font-size: 15px; margin-bottom: 0; }

.product-list .product-info .product-content { font-size: 18px; margin-bottom: 0; }
/*# sourceMappingURL=elementproductcategorylist.css.map */