/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.faq_block { clear: both; padding-top: 3rem; }
.faq_block .faq-title { text-transform: uppercase; color: #232323; font-size: 1.563rem; font-weight: 600; text-align: center; }
.faqs { margin: 25px 0 50px; }
.faqs .accordion-item { margin-bottom: 0; }
.faqs .accordion-link { cursor: pointer; transition: .2s; border-bottom: 1px solid #fff; background: #1D2E53; color: #ffffff; text-transform: uppercase; font-size: 1.6rem; text-decoration: none; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1rem; }
.faqs .accordion-link:hover,.faqs .accordion-link.active { background: #14223f; }
.faqs .accordion-link.active{ border-bottom: none; }
.faqs .accordion-item:last-child .answer[visible="yes"] { border-bottom: solid 1px #d5d5d5; }
.faqs .accordion-link h2,.accordion-link h3,.accordion-link h4{ font-weight:500; font-size: 16px; margin-bottom: 0; }
.faqs .accordion-link div{ display: flex; }
.faqs .accordion-link .material-icons.arrow_down{ display: none; }
.faqs .answer{ max-height: 0; overflow: hidden; position: relative; transition: max-height 650ms; }
.faqs .answer-content { padding: 1rem; border-left: solid 1px #d5d5d5; border-right: solid 1px #d5d5d5; }
.faqs .answer p{ font-size: 15px; }
.faqs .answer[visible="yes"]{ max-height: 60rem; }
.faqs .accordion-link.active .material-icons.arrow_right { display: none }
.faqs .accordion-link.active .material-icons.arrow_down { display: block; }
ul.brand-links { display: grid; grid-template-columns: 25% 25% 25% 25%; margin: 30px -10px 50px -10px; }
ul.brand-links li { padding: 10px; }
ul.brand-links a { display: block; background: #fff; -webkit-transition: background-color 0.2s, color .2s; -moz-transition: background-color 0.2s, color .2s; -o-transition: background-color 0.2s, color .2s; transition: background-color background-color 0.2s, color .2s;border-radius: 4px; color: #565656; padding: 15px; text-decoration: none; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 5%);}
ul.brand-links a:hover { background: #bf1d2d; color: #fff; }
ul.brand-links a:after { content: 'keyboard_arrow_right'; font-family: Material Icons; float: right; }
@media only screen and (max-width: 991px) {
  ul.brand-links { grid-template-columns: 33% 33% 33%; }
}
@media only screen and (max-width: 767px) {
  ul.brand-links { grid-template-columns: 50% 50%; }
}
@media only screen and (max-width: 600px) {
  ul.brand-links { grid-template-columns: 100%; }
}
div#category-description a {
    color: #1d2e53;
    font-weight: 700;
    text-decoration: underline;
}