@font-face {
  font-family: "Pretty Summer";
  src: url("../assets/css/fonts/PrettySummerRegular.eot");
  src: url("../assets/css/fonts/PrettySummerRegular.eot?#iefix")
      format("embedded-opentype"),
    url("../assets/css/fonts/PrettySummerRegular.woff2") format("woff2"),
    url("../assets/css/fonts/PrettySummerRegular.woff") format("woff"),
    url("../assets/css/fonts/PrettySummerRegular.ttf") format("truetype"),
    url("../assets/css/fonts/PrettySummerRegular.svg#PrettySummerRegular")
      format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#category-listings {
  padding: 0;
}
#category-listings > div:nth-child(1),
#department {
  padding-top: 40px;
  background-image: url(../images/category/holiday-theme/back.jpg);
  background-image: -webkit-image-set(
    url(../images/category/holiday-theme/back.jpg) 1x,
    url(../images/category/holiday-theme/back@2x.jpg) 2x
  );
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#products-head .page-title {
  color: #009a4f;
  font-family: "Pretty Summer";
}

#lights-left {
  rotate: 126deg;
  z-index: 0;
  top: -32em;
  height: auto;
  width: 90em;
  left: -16em;
}
#lights-right {
  z-index: 0;
  top: -6.5em;
  height: auto;
  width: 90em;
  right: -1em;
  clip-path: inset(0 0 0 58em);
}
#lights-left2 {
  rotate: 126deg;
  z-index: 0;
  top: -32em;
  height: auto;
  width: 90em;
  left: -16em;
}
#lights-right2 {
  z-index: 0;
  top: -6.5em;
  height: auto;
  width: 90em;
  right: -1em;
  clip-path: inset(0 0 0 58em);
}
#listing > div > div.pagination,
#listing > div {
  z-index: 2;
  position: relative;
}
#cloud-box {
  z-index: 0 !important;
}
#clouds {
  z-index: 0;
  bottom: -181px;
  z-index: 0;
  width: 100%;
}
@media screen and (min-width: 2000px) {
  #clouds {
    z-index: 0;
    bottom: -211px;
    z-index: 0;
    width: 100%;
  }
}
@media screen and (max-width: 1900px) {
  #lights-left2 {
    left: -23em;
  }
}
@media screen and (max-width: 1720px) {
  #lights-left2 {
    left: -27em;
  }
}
@media screen and (max-width: 1600px) {
  #lights-left2 {
    left: -30em;
  }
}
@media screen and (max-width: 1550px) {
  #lights-left2 {
    left: -32em;
  }
}
@media screen and (max-width: 1400px) {
  #lights-left2 {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #clouds {
    z-index: 0;
    bottom: -161px;
    z-index: 0;
    width: 100%;
  }
}
@media screen and (max-width: 567px) {
  #category-listings > div:nth-child(1),
  #department {
    background-image: url(../images/category/holiday-theme/back-m.jpg);
    background-image: -webkit-image-set(
      url(../images/category/holiday-theme/back-m.jpg) 1x,
      url(../images/category/holiday-theme/back-m@2x.jpg) 2x
    );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #clouds-m {
    max-width: unset;
    z-index: 0;
    bottom: 0;
    z-index: 0;
    width: 109%;
    left: 50%;
    transform: translateX(-50%);
  }
  #lights-right {
    z-index: 0;
    top: 87px;
    height: auto;
    width: 36em;
    right: 0;
    clip-path: inset(31px 0 0 65%);
  }
  #lights-right2 {
    z-index: 0;
    top: -30px;
    height: auto;
    width: 36em;
    right: 0;
    clip-path: inset(31px 0 0 65%);
  }
  .page-title {
    font-size: 50px !important;
  }
  #category-listings .page-title {
    font-size: 34px !important;
  }
}