@media (min-width: 577px) {
    .card ul {
        column-count: 3;
    }
  }
@media (min-width: 769px) {
    .page-wrapper.with-sidebar[data-sidebar-hidden] > .sidebar {
        left: 0;
    }
    .page-wrapper.with-sidebar[data-sidebar-hidden] > .content-wrapper {
        left: 26rem;
        width: calc(100% - 26rem);
    }
    .card ul {
        column-count: 4;
    }
  }

  @media (max-width: 576px) {
      .content {
          margin-top: 0.5rem;
          margin-bottom: 0.5rem;
      }
       .thumbnail {
           max-width: 90px;
       }
    .card ul {
        column-count: 2;
    }
  }
  
  .thumbnail {
    transition: transform 0.2s; /* Animation */
    margin-top: 10px;
    /*width: 10rem;
    height: 15rem;*/
  }
  .thumbnail:hover {
    transform: scale(1.05);
  }
  .meta-list {
    list-style: none;
  }
  .meta-list li {
    margin-bottom: 0.25rem
  }
  .meta-label {
    font-weight : bold;
  }
/******  SEARCH BOX  ******/  
  .control {
      position: absolute;
      left: 0px;
      top: 3rem;
    /*box-sizing: border-box;
    clear: both;
    font-size: 1rem;
    position: relative;
    text-align: inherit;*/
}

.mt-1 {
    margin-top: 0.25rem!important;
}

.box {
/*    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);
    color: #4a4a4a;
    padding: 1rem;*/
    display: block;
}

.control ul {
    list-style: none;
}

.is-loading::after {
 position:absolute!important;
 right:.625em;
 top:.625em;
 z-index:4;
}

.rating {
  --dir: right;
  --fill: var(--primary-color);
  --fillbg: var(--primary-box-shadow-color); /* rgba(100, 100, 100, 0.15); */
  --heart: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.328l-1.453-1.313q-2.484-2.25-3.609-3.328t-2.508-2.672-1.898-2.883-0.516-2.648q0-2.297 1.57-3.891t3.914-1.594q2.719 0 4.5 2.109 1.781-2.109 4.5-2.109 2.344 0 3.914 1.594t1.57 3.891q0 1.828-1.219 3.797t-2.648 3.422-4.664 4.359z"/></svg>');
  --star: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 17.25l-6.188 3.75 1.641-7.031-5.438-4.734 7.172-0.609 2.813-6.609 2.813 6.609 7.172 0.609-5.438 4.734 1.641 7.031z"/></svg>');
  --sun: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="currentColor" d="M196 128a68 68 0 1 1-68-68a68.1 68.1 0 0 1 68 68Zm-68-84a8 8 0 0 0 8-8V16a8 8 0 0 0-16 0v20a8 8 0 0 0 8 8ZM57.3 68.6a8.1 8.1 0 0 0 11.3 0a8 8 0 0 0 0-11.3L54.5 43.1a8.1 8.1 0 1 0-11.4 11.4ZM44 128a8 8 0 0 0-8-8H16a8 8 0 0 0 0 16h20a8 8 0 0 0 8-8Zm13.3 59.4l-14.2 14.1a8.1 8.1 0 0 0 0 11.4a8.5 8.5 0 0 0 5.7 2.3a8.3 8.3 0 0 0 5.7-2.3l14.1-14.2a8 8 0 0 0-11.3-11.3ZM128 212a8 8 0 0 0-8 8v20a8 8 0 0 0 16 0v-20a8 8 0 0 0-8-8Zm70.7-24.6a8 8 0 0 0-11.3 11.3l14.1 14.2a8.3 8.3 0 0 0 5.7 2.3a8.5 8.5 0 0 0 5.7-2.3a8.1 8.1 0 0 0 0-11.4ZM240 120h-20a8 8 0 0 0 0 16h20a8 8 0 0 0 0-16Zm-46.9-49.1a7.8 7.8 0 0 0 5.6-2.3l14.2-14.1a8.1 8.1 0 0 0-11.4-11.4l-14.1 14.2a8 8 0 0 0 0 11.3a7.8 7.8 0 0 0 5.7 2.3Z"/></svg>');
  --yarn: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="currentColor" d="m25.065 21.973l-.225-.112A10.486 10.486 0 0 0 11.794 6.123l-1.13-2.595a.855.855 0 0 0-1.46-.2a.912.912 0 0 0-.093 1.012L10.5 6.89A10.534 10.534 0 0 0 8 9.348L5.42 7.2a.844.844 0 0 0-1.262.213a1 1 0 0 0 .254 1.349l2.772 1.91a10.49 10.49 0 0 0 16.993 11.975l.44.221A2.181 2.181 0 0 1 23.642 27H15a2 2 0 1 0 0 4h4a.5.5 0 1 0 0-1h-4a1 1 0 0 1 0-2h8.642a3.18 3.18 0 0 0 1.423-6.027Zm-2.288-.911A19.98 19.98 0 0 1 11.138 8.908c.034-.028.071-.052.106-.08a8.386 8.386 0 0 1 1.628-1.006c.149.427.314.859.5 1.291c.142.338.295.676.458 1.014a19.944 19.944 0 0 0 1.439 2.508a17.958 17.958 0 0 0 1.899 2.377a17.038 17.038 0 0 0 2.386 2.086a16.652 16.652 0 0 0 2.575 1.521a17.2 17.2 0 0 0 1.924.776a8.547 8.547 0 0 1-1.084 1.615a.482.482 0 0 0-.192.052Zm-10.9-12.689Zm2.76 1.133c1.169-.87 2.41-1.64 3.708-2.3a8.442 8.442 0 0 1 2.563 1.035a26.358 26.358 0 0 0-5.38 2.944a19.256 19.256 0 0 1-.891-1.679Zm3.308 4.873a13.223 13.223 0 0 1 6.085-2.814c.335.641.587 1.323.748 2.029a12.484 12.484 0 0 0-5.22 2.255a16.04 16.04 0 0 1-1.613-1.47Zm6.509 4.1a19.73 19.73 0 0 1-1.151-.427a7.837 7.837 0 0 1 1.418-.421a8.627 8.627 0 0 1-.267.844v.004Zm.47-1.9a9.081 9.081 0 0 0-2.817.915a15.705 15.705 0 0 1-1.7-1.016a11.252 11.252 0 0 1 4.54-1.9a7.908 7.908 0 0 1-.024 2l.001.001Zm-1.456-5.939a14.692 14.692 0 0 0-6.195 2.995a17.536 17.536 0 0 1-1.211-1.6a25.676 25.676 0 0 1 5.828-3.1a8.552 8.552 0 0 1 1.578 1.705Zm-6.843-3.634c-.839.45-1.65.95-2.427 1.5a21.917 21.917 0 0 1-.4-1.06A8.5 8.5 0 0 1 16.5 7c.042 0 .083.006.125.006Zm-6.384 2.757Zm-.539.65a8.6 8.6 0 0 1 .539-.65c.036-.039.071-.08.108-.118a20.924 20.924 0 0 0 11.756 12.234a8.502 8.502 0 0 1-2.005 1.314a21.692 21.692 0 0 1-2.637-1.461a21.212 21.212 0 0 1-2.179-1.622a21.859 21.859 0 0 1-2.217-2.169a22.951 22.951 0 0 1-1.96-2.54a25.008 25.008 0 0 1-1.563-2.674c-.2-.391-.558-1.174-.557-1.171a3.19 3.19 0 0 1 .1-.181c-.026.045-.055.087-.082.131c.203-.382.436-.747.695-1.093h.002Zm9.106 13.261c-.41.117-.83.201-1.253.254c.07-.27.165-.534.28-.789c.317.185.642.364.973.535Zm-5.189-.185a8.476 8.476 0 0 1-1.882-.949c.24-.776.566-1.522.972-2.225c.147-.26.305-.522.474-.786c.486.49 1.001.965 1.546 1.424c-.125.207-.242.413-.351.618a8.556 8.556 0 0 0-.759 1.918ZM8.452 12.782c.127.263.26.526.4.789c-.278.357-.548.726-.809 1.107c.063-.646.2-1.282.409-1.896Zm2.024 3.475c-.638.924-1.18 1.91-1.621 2.943a8.424 8.424 0 0 1-.786-2.662c.408-.68.854-1.334 1.337-1.962c.33.563.686 1.124 1.07 1.681Zm-1 4.031l.015.02c.41-1.122.95-2.191 1.609-3.186c.427.565.885 1.119 1.375 1.661c-.23.348-.444.7-.638 1.042c-.375.656-.69 1.344-.94 2.057a8.548 8.548 0 0 1-1.404-1.574l-.017-.02Zm5.086 3.466a7.39 7.39 0 0 1 .683-1.735c.08-.15.165-.3.254-.454c.467.357.954.699 1.461 1.027A5.57 5.57 0 0 0 16.517 24H16.5a8.499 8.499 0 0 1-1.921-.226l-.017-.02Z"/></svg>');
  --yarn2: url('data:image/svg+xml,<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg"><path d="m246.4 57.472c5.204-14.105 2.222-28.966-8.197-40.77l-4.143-4.705-0.486 6.252c-3.138 40.416-19.854 64.944-33.782 78.641h-9.725c15.695-13.21 35.988-39.546 37.133-87.904l0.036-1.563-1.357-0.785c-3.438-1.999-7.141-3.585-10.998-4.714l-3.304-0.963-0.098 3.436c-1.336 49.443-22.271 77.482-40.09 92.499h-10.755c16.316-11.247 42.958-38.145 43.937-94.198l0.047-2.698h-15.772l-0.109 2.529c-2.531 54.862-29.773 82.451-46.598 94.361h-12.811l0.704-0.365c14.607-7.583 48.902-31.895 51.808-93.753l0.134-2.772h-20.584l0.187 2.825c0.674 10.118 2.154 19.524 4.428 27.967-1.03 4.054-2.216 7.92-3.558 11.547-4.381-12.2-7.026-25.575-7.881-39.848l-0.148-2.491h-16.798l0.101 2.752c0.836 21.777 5.748 41.044 14.598 57.307-1.406 1.993-2.895 3.925-4.503 5.822-10.423-17.869-16.145-39.151-17.015-63.32l-0.09-2.556h-15.69l0.021 2.672c0.261 29.523 7.578 54.339 21.761 73.81-1.776 1.462-3.588 2.827-5.419 4.072-15.144-20.674-22.953-46.872-23.204-77.923l-0.021-2.631h-15.624l-0.055 2.597c-1.007 50.241 18.225 78.593 34.536 93.535l0.831 0.764h-9.564c-15.441-15.85-33.184-44.56-32.664-92.722l0.036-3.5-3.376 0.906c-3.972 1.072-7.842 2.651-11.496 4.714l-1.341 0.759v1.548c-0.023 45.71 16.712 72.792 32.811 88.29h-9.253c-18.452-20.187-28.697-46.65-30.367-78.752l-0.329-6.442-4.295 4.818c-10.555 11.854-13.594 26.779-8.339 40.962 8.855 23.91 24.008 37.632 30.292 42.541-7.513 4.152-12.668 12.057-12.668 21.248v54.836c0 8.793 4.699 16.426 11.671 20.702-6.775 5.521-20.891 19.051-29.295 41.757-5.255 14.188-2.216 29.111 8.339 40.964l4.295 4.815 0.329-6.446c1.634-31.421 11.517-57.41 29.233-77.423h9.013c-15.659 15.699-31.46 42.548-31.437 86.956v1.548l1.352 0.767c3.658 2.061 7.523 3.646 11.49 4.712l3.376 0.911-0.036-3.5c-0.502-46.842 16.262-75.29 31.39-91.394h9.411c-16.182 15.078-34.937 43.33-33.94 92.968l0.054 2.599h15.625l0.021-2.63c0.251-31.038 8.054-57.249 23.203-77.921 1.841 1.243 3.648 2.605 5.419 4.07-14.188 19.47-21.505 44.289-21.761 73.814l-0.021 2.672h15.689l0.091-2.553c0.87-24.172 6.592-45.454 17.015-63.328 1.608 1.895 3.097 3.826 4.502 5.819-8.85 16.26-13.761 35.538-14.597 57.312l0.132 2.755h16.56l0.147-2.496c0.854-14.271 3.5-27.65 7.881-39.851 1.342 3.635 2.527 7.493 3.558 11.558-2.273 8.44-3.754 17.844-4.428 27.957l-0.187 2.827h20.584l-0.135-2.771c-2.797-59.569-34.665-84.274-50.062-92.792h12.205c16.901 12.583 42.311 40.146 44.754 93.041l0.109 2.526h15.772l-0.047-2.703c-0.947-54.028-25.709-80.913-42.108-92.864h10.48c17.45 15.307 37.241 43.145 38.536 91.171l0.098 3.434 3.304-0.969c3.863-1.134 7.565-2.718 10.998-4.712l1.357-0.781-0.036-1.574c-1.104-46.831-20.164-72.976-35.62-86.578h9.553c13.635 13.939 29.407 38.193 32.441 77.319l0.486 6.245 4.143-4.691c10.419-11.812 13.401-26.668 8.197-40.783-8.414-22.69-22.53-36.227-29.318-41.746 6.975-4.277 11.677-11.91 11.677-20.707v-54.854c0-9.188-5.157-17.099-12.677-21.251 6.295-4.914 21.462-18.639 30.321-42.536z"/></svg>');
  --stars: 5;
  --starsize: 2.5rem;
  --symbol: var(--star);
  --value: 1;
  --w: calc(var(--stars) * var(--starsize));
  --x: calc(100% * (var(--value) / var(--stars)));
  block-size: var(--starsize);
  inline-size: var(--w);
  position: relative;
  touch-action: manipulation;
  -webkit-appearance: none;
  vertical-align: middle;
}
[dir="rtl"] .rating {
  --dir: left;
}
.rating::-moz-range-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
}
.rating::-webkit-slider-runnable-track {
  background: linear-gradient(to var(--dir), var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
  block-size: 100%;
  mask: repeat left center/var(--starsize) var(--symbol);
  -webkit-mask: repeat left center/var(--starsize) var(--symbol);
}
.rating::-moz-range-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
}
.rating::-webkit-slider-thumb {
  height: var(--starsize);
  opacity: 0;
  width: var(--starsize);
  -webkit-appearance: none;
}
input.rating {
    background-color: transparent;
}
x.rating, x.rating-label {
  display: block;
  font-family: ui-sans-serif, system-ui, sans-serif;
}
x.rating-label {
  margin-block-end: 1rem;
}

  /* 
    Global scope 
  */
  :root {
    /* Change primary color from blue to green */
    --primary-color: var(--green-color); /* Before: var(--blue-color) */
    --primary-color-light: var(--green-color-light); /* Before: var(--blue-color-light) */
    --primary-color-very-light: var(--green-color-very-light); /* Before: var(--blue-color-very-light) */
    --primary-color-dark: var(--green-color-dark); /* Before: var(--blue-color-dark) */
    --primary-color-very-dark: var(
      --green-color-very-dark
    ); /* Before: var(--blue-color-very-dark) */
    --primary-box-shadow-color: var(
      --green-box-shadow-color
    ); /* Before: var(--blue-box-shadow-color) */
    --primary-box-shadow-color-darker: var(
      --green-box-shadow-color-darker
    ); /* Before: var(--blue-box-shadow-color-darker) */
    --text-color-on-primary-color-bg: var(
      --text-color-on-green-color-bg
    ); /* Before: var(--text-color-on-blue-color-bg) */
  }