.cw1 {
  --cw:1;
}
.cw2 {
  --cw:2;
}
.cw3 {
  --cw:3;
}
.cw4 {
  --cw:4;
}
.cw5 {
  --cw:5;
}
.cw6 {
  --cw:6;
}
.cw7 {
  --cw:7;
}
.cw8 {
  --cw:8;
}
.cw9 {
  --cw:9;
}
.cw10 {
  --cw:10;
}
.cw11 {
  --cw:11;
}
.cw12 {
  --cw:12;
}
grid h1 {
  font-family: var(--default-font-family) !important;
}
grid h2 {
  font-family: var(--default-font-family) !important;
}
.pagination {
  --ca-button-width: 40px;
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pagination .is-active {
  background-color: var(--my-color) !important;
  color: #fff;
}
.pagination .button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--ca-button-width);
  height: var(--ca-button-width);
  border: 2px solid var(--ca-border-color);
  background: var(--ca-primary-color);
  color: inherit;
  cursor: pointer;
}
.occasions {
  margin-top: 50px;
}