/* Colors */
/* Gradients */
/*Fonts*/
/*Font sizes*/
/*Max container width*/
/*Border*/
/*Margins*/
/*Images*/
.cat-description {
  padding-left: 0; }
  @media (max-width: 768px) {
    .cat-description {
      display: none; } }

.info-modal {
  display: none;
  cursor: pointer; }
  @media (max-width: 768px) {
    .info-modal {
      width: 24px;
      height: 24px;
      display: inline-block; } }

.secondary-info {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  display: none; }

.secondary-info.info-show {
  visibility: visible;
  opacity: 1;
  display: block; }

.category-breadcrumb .breadcrumb {
  font-size: 13px;
  border: none;
  padding: 30px 0;
  margin: 0; }
  .category-breadcrumb .breadcrumb li:not(:last-child) {
    font-family: 'archiabold';
    font-weight: 500; }
  .category-breadcrumb .breadcrumb a:not(.bc-current-page) {
    text-decoration: underline; }
  .category-breadcrumb .breadcrumb .breadcrumb-item img {
    width: 5px;
    margin: 0 10px; }
  .category-breadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: none; }

.category-breadcrumb .breadcrumb li {
  font-size: 13px;
  line-height: 21px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  color: #282828;
  font-family: 'archiaregular'; }

@media (max-width: 544px) {
  .category-breadcrumb .breadcrumb {
    margin: 0; }
    .category-breadcrumb .breadcrumb li {
      font-weight: 400; } }

/*Header PLP*/
#maincontent .search-banner {
  background: none;
  height: 100%;
  margin-bottom: 13px; }
  #maincontent .search-banner.notFoundResult {
    margin-bottom: 5px;
    margin-top: 0; }
  #maincontent .search-banner .header {
    font-weight: 500;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 20px;
    color: #154EA5;
    font-family: "archiasemibold"; }
    #maincontent .search-banner .header.notFoundResult {
      color: #747474; }
      #maincontent .search-banner .header.notFoundResult span {
        color: #282828;
        margin-left: 5px; }
  @media (max-width: 768px) {
    #maincontent .search-banner .header {
      font-size: 25px;
      line-height: 30px; } }
  #maincontent .search-banner .cat-description {
    font-size: 15px;
    line-height: 23px;
    padding-left: 0; }
    #maincontent .search-banner .cat-description p {
      margin-bottom: 1rem; }
  #maincontent .search-banner .readmore-btn, #maincontent .search-banner .readless-btn {
    margin-top: 30px;
    margin-bottom: 50px; }
    #maincontent .search-banner .readmore-btn a, #maincontent .search-banner .readless-btn a {
      font-weight: 500;
      font-family: "archiasemibold";
      text-decoration: underline;
      cursor: pointer; }
  #maincontent .search-banner .readless-btn {
    display: none; }
  @media (max-width: 768px) {
    #maincontent .search-banner .cat-description {
      font-size: 14px; }
    #maincontent .search-banner .readmore-btn a {
      display: block;
      margin-top: 20px; }
    #maincontent .search-banner .cat-description span {
      font-family: "archiaregular"; } }
  #maincontent .search-banner [aria-expanded="false"] > .expanded, #maincontent .search-banner [aria-expanded="true"] > .collapsed {
    display: none; }
  #maincontent .search-banner .cat-asset img {
    width: 100%;
    height: 100%; }

#secondary-desc {
  margin-top: 40px; }

.secondary-desc .secondary-title {
  font-size: 25px;
  color: #154EA5;
  font-family: "archiasemibold"; }

@media (max-width: 768px) {
  .secondary-desc h3 {
    font-size: 20px; }
  .secondary-desc p {
    font-size: 14px; } }

#info-modal {
  background: white; }
  #info-modal .modal.show .modal-dialog {
    padding-right: 15px;
    width: 100%;
    margin: 0 auto; }
  #info-modal .modal-dialog {
    height: 100vh;
    padding: 0;
    margin: 0; }
  #info-modal .modal-content {
    border: 0;
    background: white;
    height: 90vh; }
    #info-modal .modal-content .modal-header {
      border-bottom: 0;
      width: 100%;
      text-align: left; }
    #info-modal .modal-content .modal-body {
      font-weight: 400;
      font-size: 15px;
      line-height: 23px;
      font-family: "archiaregular";
      padding: 0 20px; }
      #info-modal .modal-content .modal-body p {
        margin-bottom: 1rem; }
      #info-modal .modal-content .modal-body .header {
        font-weight: 500;
        font-size: 25px;
        line-height: 33px;
        color: #154EA5;
        font-family: "archiabold";
        padding: 0px 50px 0px 0px;
        margin-top: 0; }
    #info-modal .modal-content .modal-footer {
      width: 100%;
      border: 0;
      padding-bottom: 50px; }
      #info-modal .modal-content .modal-footer .btn {
        width: 100%;
        margin: 0 auto; }