/* Added fallbacks to help with CLS, feel free to remove if it doesn't help on your project */
/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
a.button.loading::after {
  top: 14px !important;
  font-size: 16px !important;
  height: 16px !important;
  width: 16px !important; }

.product-categories h2.category-sec-title {
  margin-bottom: 28px; }

.product-categories .query-btn {
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 500; }

.product-categories ul.shop-sidebar-menu {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding-left: 0; }
  .product-categories ul.shop-sidebar-menu li {
    width: 100% !important;
    margin-bottom: 48px !important;
    font-size: 18px;
    letter-spacing: 3.6px;
    font-weight: 500; }
    .product-categories ul.shop-sidebar-menu li.current-menu-item a {
      color: #EB6C24;
      text-decoration: underline; }
  .product-categories ul.shop-sidebar-menu a {
    color: #989898;
    text-transform: uppercase; }
    .product-categories ul.shop-sidebar-menu a picture,
    .product-categories ul.shop-sidebar-menu a img {
      display: none !important; }
    .product-categories ul.shop-sidebar-menu a h2 {
      text-transform: uppercase;
      color: inherit;
      font-size: 18px !important;
      font-weight: 500;
      letter-spacing: 3.6px;
      font-family: 'Roboto'; }
      .product-categories ul.shop-sidebar-menu a h2 .count {
        display: none; }
      @media screen and (max-width: 769px) {
        .product-categories ul.shop-sidebar-menu a h2 {
          font-size: 16px !important;
          letter-spacing: 3.2px; } }
    .product-categories ul.shop-sidebar-menu a:hover {
      color: #EB6C24;
      text-decoration: underline; }

#products-list {
  padding-bottom: 100px; }
  #products-list .woocommerce-result-count {
    color: #989898;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.2px; }
  #products-list .woocommerce-ordering select {
    background-color: white;
    color: #989898;
    border: 1px solid #BFBFBF;
    padding: 15px;
    letter-spacing: 3.2px;
    text-transform: uppercase; }
  @media screen and (max-width: 641px) {
    #products-list .woocommerce-ordering,
    #products-list select {
      width: 100%; } }

.woocommerce-pagination {
  display: flex;
  justify-content: flex-end;
  font-size: 30px; }
  .woocommerce-pagination .current {
    background-color: #EB6C24 !important;
    color: white !important; }
  .woocommerce-pagination .page-numbers {
    border: unset !important; }
    .woocommerce-pagination .page-numbers li {
      border: unset !important; }
      .woocommerce-pagination .page-numbers li a,
      .woocommerce-pagination .page-numbers li span {
        padding: 1rem 2rem !important; }
  .woocommerce-pagination a {
    color: #7C7C7C !important; }
    .woocommerce-pagination a:hover {
      text-decoration: none;
      background-color: #EB6C24 !important;
      color: white !important; }
  @media screen and (max-width: 641px) {
    .woocommerce-pagination {
      font-size: 18px; } }

.product-card {
  margin-bottom: 45px;
  width: 100%; }
  .product-card .wishlist-icon {
    display: block;
    padding: 0.5em;
    position: absolute;
    top: 0;
    right: 0.45em;
    z-index: 1000;
    color: black;
    font-size: 24px;
    cursor: pointer; }
  .product-card .icon-heart-solid {
    color: #EB6C24; }
  .product-card h2.woocommerce-loop-product__title {
    font-size: 20px !important;
    color: #3C3C3B;
    margin-bottom: 5px !important;
    margin-top: 23px !important;
    padding: 0 !important; }
  .product-card a {
    text-decoration: none !important; }
  .product-card h2.product_category_title {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    color: #7C7C7C;
    letter-spacing: 3.2px;
    font-weight: 500;
    margin-bottom: 26px; }
  .product-card .price {
    font-size: 18px !important;
    text-transform: uppercase;
    color: #EB6C24 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500 !important; }
    @media screen and (max-width: 1025px) {
      .product-card .price {
        display: flex; } }
  .product-card .add_to_cart_button,
  .product-card .added_to_cart {
    text-decoration: none !important;
    text-align: center;
    margin-top: 1em !important;
    border-radius: 0 !important;
    font-size: 18px !important;
    padding: 13px 35px 16px !important;
    text-transform: uppercase;
    letter-spacing: 3.6px;
    color: white !important;
    background-color: #EB6C24 !important;
    border: 1px solid #B74100 !important;
    font-weight: normal !important;
    display: block !important;
    opacity: 1 !important; }
    @media screen and (min-width: 1025px) {
      .product-card .add_to_cart_button,
      .product-card .added_to_cart {
        width: 100%;
        opacity: 0 !important; } }
    .product-card .add_to_cart_button:hover,
    .product-card .added_to_cart:hover {
      opacity: 1 !important; }
    .product-card .add_to_cart_button:hover,
    .product-card .added_to_cart:hover {
      color: #EB6C24 !important;
      background-color: white !important; }
  .product-card .added_to_cart {
    opacity: 1 !important;
    display: block !important; }
  .product-card .product-img {
    overflow: hidden; }
  .product-card .image-wrapper {
    position: relative;
    height: 285px; }
  .product-card .image-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 285px;
    width: 100%; }
    .product-card .image-container.primary {
      z-index: 10;
      transition: all 0.25s linear;
      opacity: 1; }
    .product-card .image-container.back {
      z-index: 20;
      transition: all 0.25s linear;
      opacity: 0; }
    .product-card .image-container picture,
    .product-card .image-container img {
      width: 100% !important;
      min-width: 100% !important;
      object-fit: contain;
      height: 100% !important; }
  .product-card:hover {
    text-decoration: none !important; }
    .product-card:hover .add_to_cart_button {
      opacity: 1 !important; }
    .product-card:hover .image-container.back {
      opacity: 1; }
    .product-card:hover .image-container.hide-primary {
      opacity: 0; }
  @media screen and (max-width: 769px) {
    .product-card {
      height: unset;
      margin-bottom: 0; }
      .product-card .price {
        font-size: 16px;
        letter-spacing: 3.2px; } }

label {
  line-height: 30px;
  margin-bottom: 0; }

input {
  height: 48px;
  border-radius: 0;
  border: 1px solid #E0E0E0;
  margin-bottom: 21px; }

input[type="checkbox"] {
  height: unset;
  border: unset; }

.woocommerce button,
.woocommerce-button,
.return-to-shop .button {
  text-decoration: none;
  border-radius: 0 !important;
  font-size: 18px !important;
  padding: 14px 35px !important;
  text-transform: uppercase;
  letter-spacing: 3.6px;
  font-weight: 400 !important;
  background-color: #EB6C24 !important;
  color: white !important;
  border: 1px solid #B74100 !important; }
  .woocommerce button:hover,
  .woocommerce-button:hover,
  .return-to-shop .button:hover {
    background-color: white !important;
    color: #EB6C24 !important; }

select {
  background-color: white;
  color: #989898;
  border: 1px solid #BFBFBF;
  padding: 15px !important;
  letter-spacing: 3.2px;
  text-transform: uppercase; }

#sec-cat-description h5 {
  color: #EB6C24;
  text-transform: uppercase; }

#sec-cat-description h2 {
  margin-bottom: 22px; }

.fancybox__container button {
  text-decoration: unset !important;
  border-radius: unset !important;
  font-size: unset !important;
  padding: unset !important;
  text-transform: unset !important;
  letter-spacing: unset !important;
  font-weight: unset !important;
  background-color: unset !important;
  color: unset !important;
  border: unset !important; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  padding-left: 11px; }

/*  User dashboard / Account area */
.woocommerce-orders .shop_table .button {
  font-size: 14px !important;
  padding: 11px 1.5rem !important;
  margin-right: 8px !important;
  margin-top: 8px !important; }