MAINHACK

Viewing / Editing File: _woocommerce.scss

.woocommerce {
  .added_to_cart.disabled,
  .added_to_cart:disabled,
  .button.disabled,
  .button:disabled,
  button.disabled,
  button:disabled,
  input[type="button"].disabled,
  input[type="button"]:disabled,
  input[type="reset"].disabled,
  input[type="reset"]:disabled,
  input[type="submit"].disabled,
  input[type="submit"]:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed;
  }

.button:focus-visible {
    background-color: #0b7cac;
    color: #fff;
  }

button {
    &.button {
      padding: 12px 20px;
      &.loading {
        @include opacity(1);
        &:after {
          display: inline-block;
          @include font-awesome();
          content: "\f110";
          position: inherit;
          top: auto;
          right: auto;
          margin-left: 6px;
          vertical-align: top;
          font-weight: 400;
          @include animation(spin 2s infinite linear);
          color: inherit;
          @include opacity(1);
        }
      }
    }
    &.disabled {
      background-color: #777;
    }
    &.alt:disabled {
      background-color: #777;
    }
  }
  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    &.products {
      margin: 0 -10px;
      li {
        &.product {
          .product-entry-slider {
            opacity: 0;
            visibility: hidden;
            height: 0;

.oceanwp-slider-slide {
              &,
              a,
              img {
                display: block;
                position: relative;
                width: 100%;
                margin-bottom: 0;
              }
            }

.flickity-button {
              width: 30px;
              height: 36px;
              border-radius: 0;
              background-color: rgba(0, 0, 0, 0.6);
              display: flex;
              justify-content: center;
              align-items: center;
              @include opacity(0);
              visibility: hidden;
              transition: opacity 0.3s ease;

&:hover {
                background-color: rgba(0, 0, 0, 0.8);
              }

&:disabled {
                pointer-events: unset;
              }

svg {
                fill: #fff;
                width: 12px;
                height: auto;
                position: static;
              }
            }

&:hover .flickity-button {
              @include opacity(1);
              visibility: visible;
            }
          }

.added_to_cart {
            padding: 12px 20px;
            &:after {
              @include simple-line-icons();
              content: "\e035";
              margin-left: 6px;
              vertical-align: bottom;
            }
          }
          .woo-entry-inner {
            margin: 0;
            li {
              margin-bottom: 12px;
              line-height: 1;
              &:last-child {
                margin-bottom: 0;
              }
              &.image-wrap {
                margin-bottom: 20px;
                position: relative;
                .woo-entry-image,
                .product-entry-slider-wrap {
                  display: block;
                }
              }
            }
          }
          .woo-entry-image,
          .product-entry-slider-wrap {
            display: none;
          }
          .product-entry-slider-wrap {
            position: relative;

.owp-icon {
              margin-right: 9px;

use {
                stroke: #fff;
              }
            }
          }
          .woo-entry-image-swap {
            position: relative;
            overflow: hidden;
            img {
              @include transition(opacity 0.25s ease-in-out);
              width: 100%;
              overflow: hidden;
            }
            .woo-entry-image-main {
              position: relative;
              margin-bottom: 0 !important;
              z-index: 2;
            }
            .woo-entry-image-secondary {
              position: absolute;
              top: 0;
              left: 0;
              overflow: hidden;
              height: 100%;
              z-index: 1;
            }
            &:hover .woo-entry-image-main {
              @include opacity(0);
            }
          }
          .product-entry-slider {
            display: none;
            &.slick-slider {
              display: none;
            }
            .slick-arrow {
              position: absolute;
              top: 50%;
              display: block;
              visibility: hidden;
              width: 26px;
              height: 100px;
              margin: -50px 0 0;
              font-size: 22px;
              line-height: 100px;
              background-color: transparent;
              color: #333;
              padding: 0;
              text-align: center;
              @include opacity(0);
              @include border-radius(0);
              cursor: pointer;
              z-index: 999;
              @include transition(all 0.3s ease);
              &:hover {
                background-color: rgba(0, 0, 0, 0.05);
              }
              &.slick-prev {
                left: 0;
              }
              &.slick-next {
                right: 0;
              }
            }
            &:hover .slick-arrow {
              visibility: visible;
              @include opacity(1);
            }
          }
          &.outofstock {
            .outofstock-badge {
              position: absolute;
              top: 20px;
              left: 20px;
              min-height: 0;
              min-width: 0;
              @include border-radius(0);
              background-color: rgba(63, 195, 135, 0.8);
              color: #fff;
              padding: 8px 12px;
              text-transform: uppercase;
              font-size: 12px;
              line-height: 1;
              font-weight: 300;
              z-index: 9;
              background-color: rgba(0, 0, 0, 0.8);
            }
            .onsale {
              display: none;
            }
          }
          li {
            &.category {
              display: block;
              font-size: 12px;
              font-weight: 300;
              line-height: 1;
              font-style: italic;
              margin-bottom: 8px;
              text-overflow: ellipsis;
              white-space: normal;
              a {
                color: #999;
              }
            }
            &.inner {
              display: block;
              position: relative;
              margin: 5px 0 18px;
              line-height: 1;
            }
            &.woo-desc {
              display: none;
              line-height: 1.6;
              margin-bottom: 20px;
            }
            &.btn-wrap {
              display: block;
            }
            &.title h2,
            &.title a {
              display: inline-block;
              font-family: inherit;
              font-size: 14px;
              line-height: 1.5;
              color: #333;
            }
            &.owp-woo-cond-notice {
              display: inline-block;
              margin-bottom: 10px;
              font-family: inherit;
              font-size: 16px;
              text-transform: capitalize;
              font-weight: 600;
              line-height: 1;
              letter-spacing: 1;
              span,
              a {
                color: #333;
              }

a:hover {
                color: #52a7fe;
              }
            }
          }
          .price {
            font-size: 18px;
            text-align: center;
            @include transition(all 0.3s ease);
            .amount {
              color: #57bf6d;
            }
            del {
              display: inline-block;
              font-weight: normal;
              .amount {
                color: #666;
                font-size: 14px;
                text-decoration: line-through;
              }
            }
            ins {
              display: inline-block;
              font-weight: normal;
            }
          }
          &.has-rating {
            .product-inner:hover .inner {
              .price {
                @include opacity(0);
                visibility: hidden;
              }
              .star-rating {
                @include opacity(1);
                visibility: visible;
              }
            }
            li.inner .star-rating {
              position: absolute;
              top: 50%;
              left: 0;
              right: 0;
              margin: -8px auto 0 auto;
              @include opacity(0);
              visibility: hidden;
              @include transition(all 0.3s ease);
            }
          }
          .button {
            float: none;
            display: inline-block;
            background-color: transparent;
            color: #848494;
            padding: 5px 12px;
            border: 3px double #e4e4e4;
            font-size: 12px;
            line-height: 1.5;
            @include border-radius(0);
            text-transform: none;
            &:hover {
              background-color: transparent;
              color: #13aff0;
              border-color: #13aff0;
            }
            &.added {
              display: none;
            }
          }
          h3 {
            font-size: 16px;
            color: inherit;
            margin: 0;
          }
          .product-inner .added_to_cart {
            float: none;
            display: inline-block;
            background-color: transparent;
            color: #848494;
            padding: 5px 12px;
            border: 3px double #e4e4e4;
            font-size: 12px;
            line-height: 1.5;
            @include border-radius(0);
            text-transform: none;
            &:hover {
              background-color: transparent;
              color: #13aff0;
              border-color: #13aff0;
            }
          }
          li.category a:hover {
            color: #13aff0;
          }
        }
        &.product-category.product {
          .woo-entry-image {
            display: block;
            margin-bottom: 20px;
          }
          .woo-entry-inner a {
            padding-top: 10px;
          }
          .woo-entry-inner a .woocommerce-loop-category__title {
            @include transition(all 0.3s ease);
          }
          .woo-desc {
            display: none;
            line-height: 1.6;
            margin-bottom: 20px;
          }
        }
      }
      &.list {
        .woostore-product-excerpt {
          display: none;
        }
        .woostore-category-description {
          display: none;
        }
        .product-inner {
          @include display();
          @include flex-wrap(wrap);
          @include align-items(center);
          text-align: left;
        }
        li.product {
          display: block;
          float: none;
          width: 100% !important;
          border-bottom: 1px solid #eaeaea;
          .woo-entry-inner {
            width: 65%;
            li.image-wrap {
              display: none;
            }
          }
          .woo-entry-image,
          .product-entry-slider-wrap {
            display: block;
            position: relative;
            width: 32%;
            margin: 0 3% 0 0;
          }
          .product-entry-slider-wrap .woo-entry-image {
            width: 100%;
            margin: 0;
          }
          .product-entry-slider {
            // display: none;
            // &.slick-slider {
            //     display: block;
            // }
          }
          li {
            &.woo-desc {
              display: block;
            }
            &.title a {
              font-size: 28px;
            }
          }
          &.has-rating li.inner .star-rating {
            left: 0;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
          }
        }
        li.product-category.product .woo-desc {
          display: block;
        }
      }
    }
    &.cart_list {
      li::after {
        clear: both;
      }
      li {
        .star-rating {
          display: block;
          margin: 5px 0;
        }
        dl {
          display: none;
        }
      }
    }
    &.product_list_widget {
      list-style: none;
      margin: 0;
      padding: 0;
      li::after {
        clear: both;
      }
      li {
        position: relative;
        border-bottom: 1px solid;
        clear: both;
        padding: 10px 0 10px 94px;
        margin: 0;
        min-height: 100px;
        border-color: #eaeaea;
        a {
          &:after {
            content: "";
            display: block;
            visibility: hidden;
            clear: both;
            zoom: 1;
            height: 0;
          }
          &.remove {
            display: inline-block;
            position: absolute;
            top: 50%;
            right: 0;
            font-size: 14px;
            margin-top: -10px;
            color: #777;
            border: 1px solid;
            height: 20px;
            width: 20px;
            line-height: 18px;
            text-align: center;
            @include border-radius(50%);
            z-index: 20;
            &:hover {
              color: #333;
            }
          }
        }
        &:first-child {
          padding-top: 0;
          min-height: 90px;
          border-color: #eaeaea;
          img {
            top: 0;
          }
        }
        &:last-child {
          border-bottom: 0;
          padding-bottom: 0;
          min-height: 90px;
        }
        &.empty {
          min-height: auto !important;
          margin: 0;
          border: 0;
          padding: 0 !important;
          text-align: center;
        }
        img {
          position: absolute;
          top: 10px;
          left: 0;
          width: 80px;
          height: 80px;
          margin: 0;
          @include transition(all 0.3s ease);
          &:hover {
            @include opacity(0.8);
          }
        }
        .quantity {
          display: block;
          float: none;
          margin: 5px 0 0;
          color: #bcbcbc;
          line-height: 1em;
        }
        .star-rating {
          display: block;
          margin: 5px 0;
        }
        dl {
          display: none;
        }
      }
    }
    &.order_details {
      border: 1px solid;
      padding: 20px;
      margin: 0 0 20px;
      border-color: #eaeaea;
      border-color: #eaeaea;
      li {
        border-color: #ddd;
      }
    }
  }
  .summary ul,
  #tab-description ul {
    list-style: disc;
    margin: 20px 0 0 20px;
  }
  .form-row-first {
    float: left;
    width: 48%;
    margin-right: 4%;
  }
  .form-row-last {
    float: right;
    width: 48%;
  }
  form {
    .form-row {
      padding: 3px 0;
      label {
        display: inline-block;
        margin: 0 0 5px;
      }
      label[for="createaccount"] {
        margin: 0;
        vertical-align: middle;
      }
    }
    .form-row-wide {
      clear: both;
    }
    .form-row::after {
      clear: both;
    }

.password-input {
			display: flex;
			flex-direction: column;
			justify-content: center;
			position: relative;

input[type="password"] {
				padding-right: 2.5rem;
			}

/* Hide the Edge "reveal password" native button */
			input::-ms-reveal {
				display: none;
			}
		}

.show-password-input {
			position: absolute;
			right: 0.7em;
      background: none;
      border: unset;
      margin: 0;
      padding: 0;
      cursor: pointer;
		}

.show-password-input::after {
      font-family: "Font Awesome 6 Free";
      speak: never;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      margin-left: 0.618em;
      content: "\f06e";
      text-decoration: none;
		}

.show-password-input.display-password::after {
			color: #585858;
		}

&.login .lost_password {
      margin: 0;
    }
  }
  ul.products {
    ul {
      margin: 0 -10px;
    }
    .product {
      position: relative;
      overflow: hidden;
      padding-bottom: 20px;
    }
    .product-inner {
      position: relative;
    }
    li.owp-content-left {
      .product-inner {
        text-align: left;
      }

&.product.has-rating .woo-entry-inner .star-rating {
        margin-left: 0;
      }
    }
    li.owp-content-center {
      .product-inner {
        text-align: center;
      }

&.product.has-rating .woo-entry-inner .star-rating {
        margin-left: auto;
        margin-right: auto;
      }
    }
    li.owp-content-right {
      .product-inner {
        text-align: right;
      }

&.product.has-rating .woo-entry-inner .star-rating {
        margin-left: auto;
      }
    }
    &.archives-col-1 .product {
      clear: both;
    }
    &.archives-col-2 .product:nth-child(2n + 1) {
      clear: both;
    }
    &.archives-col-3 .product:nth-child(3n + 1) {
      clear: both;
    }
    &.archives-col-4 .product:nth-child(4n + 1) {
      clear: both;
    }
    &.archives-col-5 .product:nth-child(5n + 1) {
      clear: both;
    }
    &.archives-col-6 .product:nth-child(6n + 1) {
      clear: both;
    }
    &.archives-col-7 .product:nth-child(7n + 1) {
      clear: both;
    }
  }
  .cart-collaterals {
    width: 100%;
    .shipping_calculator::after {
      clear: both;
    }
    p {
      margin: 0 0 5px;
      color: #525252;
    }
    &:after {
      content: " ";
      display: table;
      clear: both;
    }
    &:before {
      content: " ";
      display: table;
    }
    .related {
      width: 30.75%;
      float: left;
    }
    .cross-sells {
      width: 48%;
      float: left;
      padding: 0 20px;
      border-width: 1px;
      border-style: solid;
      border-color: #eaeaea;
    }

tr th {
      font-size: 16px;
      letter-spacing: 0.8px;
      text-transform: capitalize;
    }
    .shipping_calculator {
      width: 48%;
      clear: right;
      float: right;
      &:after {
        content: " ";
        display: table;
        clear: both;
      }
      &:before {
        content: " ";
        display: table;
      }
      .col2-set {
        .col-1 {
          width: 47%;
        }
        .col-2 {
          width: 47%;
        }
      }
    }
    .cart_totals {
      float: right;
      width: 48%;
      padding: 0 20px 20px;
      border-width: 1px;
      border-style: solid;
      border-color: #eaeaea;
    }
    h2 {
      background-color: #f7f7f7;
      border-bottom: 1px solid;
      margin: 0 -20px 20px;
      padding: 0.8em 20px;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 600;
      color: #444;
      text-align: center;
      border-color: #eaeaea;
    }
    .products .product {
      margin-bottom: 0;
    }
  }
  del {
    @include opacity(0.5);
  }
  ins {
    text-decoration: none;
  }
  .category-image {
    margin: 0 0 20px;
    img {
      width: 100%;
    }
  }
  .oceanwp-toolbar {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
  }
  .oceanwp-grid-list {
    float: left;
    margin: 0 20px 0 0;
    a {
      display: inline-block;
      width: 34px;
      height: 34px;
      line-height: 34px;
      color: #999;
      border: 1px solid #eaeaea;
      text-align: center;
      &:last-child {
        margin-left: 10px;
      }
      &.active {
        color: #13aff0;
        border-color: #13aff0;
      }
      &:hover {
        color: #13aff0;
        border-color: #13aff0;
      }
    }

.owp-icon {
      vertical-align: inherit;
    }
  }
  .woocommerce-ordering {
    float: left;
    select {
      font-size: 13px;
      min-height: 34px;
      line-height: 34px;
      padding: 0 15px;
      border-color: #ddd;
      @include border-radius(0);
      margin: 0;
      vertical-align: top;
    }
    .theme-select {
      font-size: 13px;
      color: #999;
    }
    .orderby {
      width: auto;
      min-width: 166px;
      span {
        width: auto;
        min-width: 166px;
      }
    }
  }
  .result-count {
    float: right;
    font-size: 12px;
    line-height: 34px;
    text-transform: uppercase;
    list-style: none;
    margin: 0;
    padding: 0;
    li {
      float: left;
      &.view-title {
        margin-right: 6px;
        color: #555;
        letter-spacing: 0.6px;
        &:after {
          display: none;
        }
      }
      &:after {
        content: "/";
        color: #999;
        margin: 0 3px;
      }
      a {
        color: #999;
        &:hover {
          color: #555;
        }
        &.active {
          color: #555;
        }
      }
      &:last-child:after {
        display: none;
      }
    }
  }
  table {
    &.shop_attributes {
      text-align: left;
      width: 100%;
      border-top: 1px solid #e4e4e4;
      tr {
        padding: 0;
        margin: 0;
      }
      p {
        margin: 0;
      }
      th {
        color: #000;
        font-weight: bold;
        font-weight: 600;
        text-align: left;
        border-right: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4;
        padding: 5px 15px;
        text-align: left;
        margin: 0;
      }
      td {
        border-bottom: 1px solid #e4e4e4;
        padding: 5px 15px;
        text-align: left;
        margin: 0;
      }
    }
    &.shop_table {
      border-width: 1px;
      border-style: solid;
      margin: 0 -1px 24px 0;
      text-align: left;
      width: 100%;
      border-collapse: separate;
      border-color: #eaeaea;
      th {
        padding: 0.8em;
        vertical-align: middle;
      }
      td {
        padding: 0.8em;
        vertical-align: middle;
        text-transform: capitalize;
        border-color: #eaeaea;
      }
      dl {
        margin: 10px 0 0;

p {
          margin: 0 0 8px;
        }
      }
      thead {
        background-color: #f7f7f7;
        th {
          color: #444;
          font-weight: 600;
        }
      }
      .product-remove {
        text-align: center !important;
      }
      tfoot {
        td {
          border-color: #eaeaea;
        }
        th {
          border-color: #eaeaea;
          font-size: 14.5px;
          letter-spacing: 0.8px;
        }

tr.order-total td {
          span.woocommerce-Price-amount.amount {
            font-size: 15px;
            letter-spacing: 0.5px;
          }
        }
      }
      a.remove {
        display: inline-block;
        font-size: 18px;
        width: 25px;
        height: 25px;
        line-height: 23px;
        font-weight: 400;
        color: #bbb;
        border: 1px solid;
        @include border-radius(50%);
        @include box-sizing(content-box);
        &:hover {
          background-color: transparent;
          color: #333;
        }
      }
      tbody th {
        border-color: #eaeaea;
      }
    }
  }
  #reviews {
    h3 {
      margin: 10px 0;
      font-size: 20px;
      font-weight: normal;
      font-weight: 400;
    }
    #comments {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
      overflow: hidden;
      h2 {
        clear: none;
      }
      .add_review:after {
        content: "";
        display: block;
        clear: both;
      }
      ol.commentlist {
        width: 100%;
        background: none;
        list-style: none;
        padding: 0;
        margin: 0;
        li {
          margin: 0 0 20px;
          position: relative;
          background: 0;
          border: 0;
          .meta {
            color: #777;
            font-size: 0.75em;
          }
          .comment_container {
            position: relative;
            border-bottom: 1px solid;
            margin-bottom: 15px;
            font-size: 90%;
            min-height: 85px;
            padding-left: 90px;
            border-color: #eaeaea;
          }
          .comment-text {
            p.meta {
              margin: 0 0 5px;
              font-size: 1em;
              line-height: 1;
              border: 0;
              padding: 0;
            }
            .meta strong {
              font-weight: bold;
              font-weight: 600;
              color: #222;
            }
          }
          img.avatar {
            position: absolute;
            left: 0;
            top: -5px;
            @include border-radius(50%);
          }
        }
      }
      .commentlist > li:before {
        content: "";
      }
    }
    #respond {
      margin: 0;
      border: 0;
      padding: 0;
    }
    #comment {
      height: 100px;
    }
    .comment-form-rating {
      clear: both;
    }
    .star-rating {
      display: inline-block;
      vertical-align: top;
      float: right;
    }
    div[itemprop="description"] {
      border: 0;
      padding: 5px 0 20px;
    }
    h2 small {
      float: right;
      color: #777;
      font-size: 15px;
      line-height: 21px;
      margin: 10px 0 0;
      a {
        text-decoration: none;
        color: #777;
      }
    }
    p.meta {
      display: inline-block;
      vertical-align: top;
    }
  }
  .term-description {
    margin-bottom: 40px;
    p:last-child {
      margin-bottom: 0;
    }
  }
  .widget_price_filter {
    .price_slider {
      margin-bottom: 15px;
    }
    .ui-slider {
      position: relative;
      text-align: left;
      .ui-slider-handle {
        position: absolute;
        z-index: 2;
        top: -4px;
        margin-left: -6px;
        width: 14px;
        height: 14px;
        cursor: pointer;
        @include border-radius(50%);
        background-color: #13aff0;
      }
      .ui-slider-range {
        position: absolute;
        top: 2px;
        bottom: 2px;
        z-index: 1;
        background-color: #13aff0;
      }
    }
    .price_label {
      font-size: 11px;
      color: #898989;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-weight: 400;
    }
    .price_slider_amount {
      text-align: left;
      height: 22px;
      line-height: 22px;
      .button {
        float: right;
        height: 22px;
        line-height: 22px;
        padding: 0 12px;
      }
    }
    .price_slider_wrapper .ui-widget-content {
      height: 9px;
      position: relative;
      padding: 0 2px;
      border: 1px solid #d0d0d0;
      cursor: pointer;
    }
  }
  .woocommerce-checkout {
    #customer_details {
      h3 {
        font-size: 14px;
        position: relative;
        margin: 0 0 20px;
        padding-bottom: 8px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        border-color: #eaeaea;
        input[type="checkbox"] {
          float: right;
          margin: 0 !important;
        }
      }
      p.form-row label {
        margin: 0 0 5px;
        display: block;
        &.checkbox {
          display: inline-block;
        }
      }
    }
    h3 {
      &#order_review_heading {
        font-size: 14px;
        position: relative;
        margin: 0 0 20px;
        padding-bottom: 8px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        border-color: #eaeaea;
      }
      &#ship-to-different-address label {
        display: block;
        cursor: pointer;
        margin: 0;
      }
    }
    .select2-container--default .select2-selection--single {
      height: 40px;
      padding: 6px 12px 2px 6px;
      background-color: transparent;
      border-color: #ddd;
      @include border-radius(3px);
    }
    .select2-container--default
      .select2-selection--single
      .select2-selection__arrow {
      height: 40px;
    }
  }
  .shop_table {
    &.order_details tfoot th {
      border-right: 1px solid;
      background-color: #f7f7f7;
      font-weight: 600;
      color: #444;
      border-color: #eaeaea;
      border-color: #eaeaea;
    }
    &.customer_details th {
      border-right: 1px solid;
      background-color: #f7f7f7;
      font-weight: 600;
      color: #444;
      border-color: #eaeaea;
      border-color: #eaeaea;
    }
  }
  .order_details {
    border-color: #eaeaea;
  }
  a.button.loading {
    @include opacity(1);
    &:after {
      display: inline-block;
      @include font-awesome();
      content: "\f110";
      position: inherit;
      top: auto;
      right: auto;
      margin-left: 6px;
      vertical-align: top;
      font-weight: 400;
      @include animation(spin 2s infinite linear);
      color: inherit;
      @include opacity(1);
    }
  }
  input.button {
    padding: 12px 20px;
    &.loading {
      @include opacity(1);
      &:after {
        display: inline-block;
        @include font-awesome();
        content: "\f110";
        position: inherit;
        top: auto;
        right: auto;
        margin-left: 6px;
        vertical-align: top;
        font-weight: 600;
        @include animation(spin 2s infinite linear);
        color: inherit;
        @include opacity(1);
      }
    }
  }
  div.product {
    position: relative;
    float: none;
    div {
      &.images {
        position: relative;
        float: left;
        width: 52%;
        margin-bottom: 0;
      }
      &.summary {
        float: right;
        width: 44%;
        margin-bottom: 36px;
        .price {
          ins {
            text-decoration: none;
          }
          del {
            font-size: 20px;
            color: #ababab;
          }
        }
        table.group_table tr td {
          &.price del {
            font-size: 13px;
          }
          p.in-stock {
            margin: 0;
            line-height: 1;
          }
        }
        p.in-stock {
          margin-bottom: 20px;
          color: #77a464;
        }
      }
      &.woocommerce-product-details__short-description {
        margin-top: 20px;
        p:last-child {
          margin: 0;
        }
      }
    }
    .woocommerce-product-gallery {
      position: relative;
      .zoomImg {
        background-color: #fff;
      }
      .woocommerce-product-gallery__trigger {
        position: absolute;
        top: 10px;
        right: 10px;
        display: block;
        height: 32px;
        width: 32px;
        background-color: #eeeeee;
        color: #333;
        @include border-radius(3px);
        z-index: 99;
        text-align: center;
        text-indent: -999px;
        overflow: hidden;
        &:before {
          display: inline-block;
          font-family: "Font Awesome 5 Free";
          font-size: inherit;
          font-weight: 900;
          text-rendering: auto;
          display: block;
          content: "\f002";
          line-height: 32px;
          text-indent: 0;
        }
        img {
          display: none !important;
        }
      }
      img {
        margin: 0;
      }
      .flex-viewport {
        margin-bottom: 20px;
      }
      .flex-control-thumbs {
        margin: 0;
        padding: 0;
        &:before {
          content: "";
          display: table;
        }
        &:after {
          content: "";
          display: table;
          clear: both;
        }
        li {
          list-style: none;
          margin-bottom: 15px;
          cursor: pointer;
          img {
            @include opacity(0.5);
            @include transition(all 0.2s ease);
            &.flex-active {
              @include opacity(1);
            }
          }
          &:hover img {
            @include opacity(1);
          }
        }
      }
      &.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
        width: 48%;
        float: left;
        margin-right: 4%;
        &:nth-child(2n) {
          margin-right: 0;
        }
        &:nth-child(2n + 1) {
          clear: both;
        }
      }
      &.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
        width: 30.65%;
        float: left;
        margin-right: 4%;
        &:nth-child(3n) {
          margin-right: 0;
        }
        &:nth-child(3n + 1) {
          clear: both;
        }
      }
      &.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
        width: 22%;
        float: left;
        margin-right: 4%;
        &:nth-child(4n) {
          margin-right: 0;
        }
        &:nth-child(4n + 1) {
          clear: both;
        }
      }
      &.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
        width: 16.76%;
        float: left;
        margin-right: 4%;
        &:nth-child(5n) {
          margin-right: 0;
        }
        &:nth-child(5n + 1) {
          clear: both;
        }
      }
    }
    .product_title {
      font-size: 24px;
      margin: 0 0 10px;
      + .woocommerce-product-rating {
        margin-top: 0;
      }
    }
    .woocommerce-product-rating {
      display: inline-block;
      width: 100%;
      font-size: 12px;
      margin-top: 20px;
      .star-rating {
        float: left;
        margin-right: 10px;
        margin-top: 3px;
      }
    }
    p {
      &.price {
        font-size: 36px;
        line-height: 30px;
        font-weight: 400;
        margin: 20px 0 0;
      }
      &.stock {
        margin: 0;
        font-weight: 600;
        color: #fe5252;
      }
    }
    .woocommerce-tabs {
      padding-top: 30px;
      clear: both;
      .panel {
        margin: 1.5em 0 0;
        h2:first-child {
          margin: 20px 0;
          font-size: 18px;
          font-weight: 400;
        }
      }
      ul.tabs {
        display: block;
        position: relative;
        width: 100%;
        border-top: 1px solid;
        border-bottom: 1px solid;
        margin-bottom: 20px;
        text-align: center;
        border-color: #eaeaea;
        li {
          display: inline-block;
          a {
            display: inline-block;
            color: #999;
            border-top: 2px solid transparent;
            border-bottom: 2px solid transparent;
            margin-top: -1px;
            margin-bottom: -1px;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 90%;
            padding: 10px;
            &:hover {
              color: #13aff0;
            }
          }
          &.active a {
            color: #13aff0;
            border-color: #13aff0;
          }
        }
      }
    }
    form.cart {
      padding: 20px 0;
      border-top: 1px solid;
      border-bottom: 1px solid;
      margin-top: 20px;
      border-color: #eaeaea;
      .variations {
        margin-bottom: 20px;
        .reset_variations {
          display: block;
          float: left;
          margin-top: 10px;
          font-size: 13px;
          color: #999;
          font-weight: normal;
          border: 2px solid #eeeeee;
          padding: 3px 10px;
          @include border-radius(3px);
          text-decoration: none;
          visibility: hidden;
          &:before {
            display: inline-block;
            @include simple-line-icons();
            content: "\e082";
            margin-right: 5px;
            color: red;
            vertical-align: top;
          }
        }
        label {
          color: #333;
          font-weight: 600;
        }
        td {
          &.label {
            padding: 15px 0 15px;
            width: 20%;
          }
          &.value {
            position: relative;
            padding: 15px 0 15px;
          }
        }
        tr:first-child td {
          &.label {
            padding-top: 0;
          }
          &.value {
            padding-top: 0;
          }
        }
      }
      &:after {
        content: "";
        display: block;
        visibility: hidden;
        clear: both;
        zoom: 1;
        height: 0;
      }
      div.quantity {
        float: left;
        margin-right: 10px;
      }
      + .product_meta {
        margin-top: -1px;
      }
    }
    .summary .added_to_cart {
      font-size: 12px;
      font-weight: 600;
      padding-bottom: 1px;
      border-bottom: 2px solid;
      margin-left: 6px;
      text-transform: uppercase;
      letter-spacing: 0.6px;

i {
        margin-left: 3px;
      }
    }
    .swatch-control .theme-select {
      display: none !important;
    }
    table.group_table {
      width: auto;
      margin-bottom: 20px;
      tbody {
        display: inline-block;
        width: 100%;
        border: 1px solid #eaeaea;
      }
      tr {
        td {
          padding: 10px;
          border-top: 1px solid #eaeaea;
          border-bottom: 0;
          vertical-align: middle;
        }
        &:first-child td {
          border-top: 0;
        }
      }
    }
  }
  #respond input#submit {
    padding: 12px 20px;
    &.loading {
      @include opacity(1);
      &:after {
        display: inline-block;
        @include font-awesome();
        content: "\f110";
        position: inherit;
        top: auto;
        right: auto;
        margin-left: 6px;
        vertical-align: top;
        font-weight: 400;
        @include animation(spin 2s infinite linear);
        color: inherit;
        @include opacity(1);
      }
    }
  }
  nav.woocommerce-pagination ul {
    border: none;
    text-align: right;
  }
  &.content-full-width div.product div {
    &.images {
      width: 42%;
    }
    &.summary {
      width: 54%;
    }
  }
  &.woo-left-tabs div.product .woocommerce-tabs ul.tabs {
    text-align: left;
  }
  &.woo-right-tabs div.product .woocommerce-tabs ul.tabs {
    text-align: right;
  }
  .related.products {
    margin-top: 70px;
    h2 {
      margin: 0 0 15px;
    }
    .product {
      padding-bottom: 0;
    }
  }
  .upsells.products {
    margin-top: 70px;
    h2 {
      margin: 0 0 15px;
    }
    .product {
      padding-bottom: 0;
    }
  }
  td.product-name dl.variation {
    dt {
      font-weight: 600;
      color: #444;
      padding-bottom: 0;
    }
    dd {
      margin-bottom: 0;
      padding-bottom: 0;
    }
  }
  #order_review table {
    &.shop_table {
      margin: 0 0 40px;
      border: none;
      th {
        border: none;
        padding: 16px 20px;
      }
      td {
        border: none;
        padding: 16px 20px;
        text-align: right;
      }
      tfoot {
        td {
          font-weight: 600;
          color: #444;
          font-weight: normal;
        }
        th {
          font-weight: 600;
          color: #444;
        }
      }
      thead th {
        font-size: 15px;
        letter-spacing: 1px;
        padding: 20px;

&.product-total {
          text-align: right;
        }
      }
      tbody td {
        background-color: #fdfdfd;
        &.product-name {
          max-width: 376px;
          text-align: left;
        }
      }

label {
        display: contents;
      }
    }
    tfoot th {
      text-transform: capitalize;
    }
  }
  .col-1.address {
    padding: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #eaeaea;
    h3 {
      font-size: 14px;
      position: relative;
      margin: 0 0 20px;
      padding-bottom: 8px;
      text-transform: uppercase;
      border-bottom: 1px solid #ddd;
    }
    address {
      margin: 0;
    }
  }
  .col-2.address {
    padding: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #eaeaea;
    h3 {
      font-size: 14px;
      position: relative;
      margin: 0 0 20px;
      padding-bottom: 8px;
      text-transform: uppercase;
      border-bottom: 1px solid #ddd;
    }
    address {
      margin: 0;
    }
  }
}

.woocommerce .owp-account-links {
  margin-bottom: 35px;
  text-align: center;

li {
    display: inline-block;

.owp-account-link {
      font-size: 50px;
      color: #333;
      line-height: 1;
      font-weight: bold;
      @include opacity(0.6);

&.current,
      &:hover {
        opacity: 1;
        @include opacity(1);
      }
    }

&.or {
      display: inline-block;
      width: 36px;
      height: 36px;
      line-height: 32px;
      color: #333;
      border: 2px solid;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      margin: 0 16px;
      @include opacity(0.5);
      @include border-radius(50%);
      vertical-align: text-bottom;
    }
  }
}
.woocommerce #customer_login {
  > div {
    padding: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #eaeaea;
  }
  label {
    cursor: pointer;
  }
}
.account-original-style .woocommerce #customer_login {
  h2 {
    display: none;
  }
  > div {
    float: none;
    width: 560px;
    max-width: 100%;
    margin: 0 auto;
  }
  .col-2 {
    display: none;

button {
      width: 100%;
      padding-top: 16px;
      padding-bottom: 16px;
    }
  }
  .col-1 p {
    &:nth-last-child(2) {
      margin: 0;
    }
    &:last-child {
      margin: 0;
    }
  }
  .col-1 .form-row {
    display: inline-block;
    &.form-row-wide {
      width: 100%;
    }
  }
  .form-row label.woocommerce-form__label {
    margin: 0 0 0 15px;
  }
  .lost_password {
    float: right;
    line-height: 42px;
  }
  form.register p:last-child {
    margin: 0;
  }
  .woocommerce-privacy-policy-text {
    margin-bottom: 15px;
  }
}
.account-side-style .woocommerce #customer_login {
  h2 {
    font-size: 14px;
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 8px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
  }
  > div {
    float: left;
    width: 48%;
  }
  .col-2 {
    display: block;
    float: right;
  }
  .woocommerce-form__label .woocommerce-form__input {
    margin: -3px 6px 0 15px !important;
  }
}
.woocommerce .oceanwp-loginform-wrap {
  h2 {
    display: none;
  }
  form {
    width: 560px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #eaeaea;
  }
  p {
    &:nth-last-child(2) {
      margin: 0;
    }
    &:last-child {
      margin: 0;
    }
  }
  .form-row {
    display: block;
    &.form-row-wide {
      width: 100%;
    }
    label.woocommerce-form__label {
      display: block;
      float: left;
      clear: both;
      width: 100%;
      padding-bottom: 15px;
    }
    button.woocommerce-button.button.woocommerce-form-login__submit {
      width: 70%;
      display: block;
      margin: auto;
      padding-top: 15px;
    }
  }
  .lost_password {
    line-height: 42px;
    padding-top: 15px;
    text-align: center;
  }
}
.woocommerce .lost_reset_password {
  width: 480px;
  max-width: 100%;
  margin: 0 auto;
  .form-row-first,
  .form-row-last {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  button {
    width: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.wcmenucart {
  i {
    position: relative;
    padding: 0;
  }
  &:after {
    display: none;
  }
}
.wcmenucart-details {
  margin-left: 8px !important;
  &.count {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    padding: 3px 5px;
    margin-left: 8px;
    @include border-radius(2px);
    background-color: #13aff0;
    &:before {
      content: "";
      position: absolute;
      top: 0;
      left: -3px;
      width: 0;
      height: 0;
      margin-top: 4px;
      border-style: solid solid solid none;
      border-width: 5px 5px 5px medium;
      border-top-color: transparent !important;
      border-bottom-color: transparent !important;
      border-color: #13aff0;
    }
  }
}
#site-navigation-wrap .dropdown-menu > li > a.wcmenucart-hide,
#mobile-fullscreen ul li a.wcmenucart-hide,
.wcmenucart-hide {
  display: none;
}
.col2-set {
  width: 100%;
  width: 100%;
  &:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
  }
  .col-1 {
    float: left;
    width: 48%;
  }
  .col-2 {
    float: right;
    width: 48%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .tablet-col .col.first {
    clear: none;
  }
  .woocommerce .products.oceanwp-row {
    &.tablet-col .col {
      clear: none;
    }
    &.tablet-1-col .product {
      clear: both;
    }
    &.tablet-2-col .product:nth-child(2n + 1) {
      clear: both;
    }
    &.tablet-3-col .product:nth-child(3n + 1) {
      clear: both;
    }
    &.tablet-4-col .product:nth-child(4n + 1) {
      clear: both;
    }
    &.tablet-5-col .product:nth-child(5n + 1) {
      clear: both;
    }
    &.tablet-6-col .product:nth-child(6n + 1) {
      clear: both;
    }
    &.tablet-7-col .product:nth-child(7n + 1) {
      clear: both;
    }
  }
  .woocommerce .products {
    &.tablet-1-col .product {
      width: 100% !important;
    }
    &.tablet-2-col .product {
      width: 50% !important;
    }
    &.tablet-3-col .product {
      width: 33.33% !important;
    }
    &.tablet-4-col .product {
      width: 25% !important;
    }
    &.tablet-5-col .product {
      width: 20% !important;
    }
    &.tablet-6-col .product {
      width: 16.66% !important;
    }
    &.tablet-7-col .product {
      width: 14.28% !important;
    }
  }
}
@media only screen and (max-width: 480px) {
  .mobile-col .col.first {
    clear: none;
  }
  .woocommerce .products.oceanwp-row {
    &.mobile-col .col {
      clear: none;
    }
    &.mobile-1-col .product {
      clear: both;
    }
    &.mobile-2-col .product:nth-child(2n + 1) {
      clear: both;
    }
    &.mobile-3-col .product:nth-child(3n + 1) {
      clear: both;
    }
    &.mobile-4-col .product:nth-child(4n + 1) {
      clear: both;
    }
    &.mobile-5-col .product:nth-child(5n + 1) {
      clear: both;
    }
    &.mobile-6-col .product:nth-child(6n + 1) {
      clear: both;
    }
    &.mobile-7-col .product:nth-child(7n + 1) {
      clear: both;
    }
  }
  .woocommerce .products {
    &.mobile-1-col .product {
      width: 100% !important;
    }
    &.mobile-2-col .product {
      width: 50% !important;
    }
    &.mobile-3-col .product {
      width: 33.33% !important;
    }
    &.mobile-4-col .product {
      width: 25% !important;
    }
    &.mobile-5-col .product {
      width: 20% !important;
    }
    &.mobile-6-col .product {
      width: 16.66% !important;
    }
    &.mobile-7-col .product {
      width: 14.28% !important;
    }
  }
}
.clear {
  clear: both;
}
.nobr {
  white-space: nowrap;
}
.woocommerce-page {
  .cart-collaterals {
    width: 100%;
    .shipping_calculator::after {
      clear: both;
    }
    &:after {
      content: " ";
      display: table;
      clear: both;
    }
    &:before {
      content: " ";
      display: table;
    }
    .related {
      width: 30.75%;
      float: left;
    }
    .cross-sells {
      width: 48%;
      float: left;
      padding: 0 20px;
      border-width: 1px;
      border-style: solid;
      border-color: #eaeaea;
    }
    .shipping_calculator {
      width: 48%;
      clear: right;
      float: right;
      &:after {
        content: " ";
        display: table;
        clear: both;
      }
      &:before {
        content: " ";
        display: table;
      }
      .col2-set {
        .col-1 {
          width: 47%;
        }
        .col-2 {
          width: 47%;
        }
      }
    }
    .cart_totals {
      float: right;
      width: 48%;
      padding: 0 20px 20px;
      border-width: 1px;
      border-style: solid;
      border-color: #eaeaea;
    }
  }
  form {
    .form-row-wide {
      clear: both;
    }
    .form-row::after {
      clear: both;
    }
  }
  ul {
    &.cart_list li::after {
      clear: both;
    }
    &.product_list_widget li::after {
      clear: both;
    }
  }
}
.price {
  color: #57bf6d;
  del {
    color: #555;
  }
}
.amount {
  color: #57bf6d;
}
.select2-drop-active {
  border-color: #bbb;
}
.select2-container-active {
  .select2-choice {
    border-color: #bbb;
  }
  .select2-choices {
    border-color: #bbb;
  }
}
.select2-container--open {
  z-index: 99999;
}
@-webkit-keyframes spin {
  25% {
    -webkit-transform: rotate(270deg);
  }
  50% {
    -webkit-transform: rotate(90deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
  }
}

@-moz-keyframes spin {
  25% {
    -moz-transform: rotate(270deg);
  }
  50% {
    -moz-transform: rotate(90deg);
  }
  75% {
    -moz-transform: rotate(360deg);
  }
  100% {
    -moz-transform: rotate(180deg);
  }
}

@-ms-keyframes spin {
  25% {
    -ms-transform: rotate(270deg);
  }
  50% {
    -ms-transform: rotate(90deg);
  }
  75% {
    -ms-transform: rotate(360deg);
  }
  100% {
    -ms-transform: rotate(180deg);
  }
}

@-o-keyframes spin {
  25% {
    -o-transform: rotate(270deg);
  }
  50% {
    -o-transform: rotate(90deg);
  }
  75% {
    -o-transform: rotate(360deg);
  }
  100% {
    -o-transform: rotate(180deg);
  }
}

@keyframes spin {
  25% {
    transform: rotate(270deg);
  }
  50% {
    transform: rotate(90deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.woocommerce-message {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #777;
  border: 1px solid #ddd;
  margin: 0 0 30px;
  padding: 10px 15px;
  text-align: left;
  a {
    float: right;
    min-height: 10%;
    padding: 6px 18px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #13aff0;

&:hover {
      background-color: #0b7cac;
      color: #fff;
    }
    &:focus-visible {
      background-color: #0b7cac;
      color: #fff;
    }
  }
  &:before {
    @include font-awesome();
    margin-right: 10px;
    content: "\f00c";
    color: #ddd;
  }
}
.woocommerce-error {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  border: 1px solid #ddd;
  margin: 0 0 30px;
  padding: 10px 15px;
  text-align: left;
  text-transform: uppercase;
  border-color: #fdc1b1;
  a {
    float: right;
    min-height: 10%;
    padding: 6px 18px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #13aff0;
    &:hover {
      background-color: #0b7cac;
      color: #fff;
    }
  }
  &:before {
    @include font-awesome();
    margin-right: 10px;
    content: "\f00d";
    color: #ffc4b7;
  }
}
.woocommerce-info {
  display: inline-block;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #777;
  border: 1px solid #ddd;
  margin: 0 0 30px;
  padding: 10px 15px;
  text-align: left;
  text-transform: uppercase;
  border-color: #b1befd;
  a {
    float: right;
    min-height: 10%;
    padding: 6px 18px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #13aff0;
    &:hover {
      background-color: #0b7cac;
      color: #fff;
    }
  }
  &:before {
    @include font-awesome();
    margin-right: 10px;
    content: "\f129";
    color: #b1befd;
  }
}
ul {
  &.woocommerce-error {
    background-color: #e2401c;
    color: #fff;
    border: none;
    border-left: 10px solid rgba(0, 0, 0, 0.15);
    font-size: 14px;
    padding: 15px 20px;
    margin-bottom: 25px;
    @include border-radius(2px);
    text-transform: none;
    &:before {
      display: none;
    }
    li:before {
      @include font-awesome();
      margin-right: 10px;
      content: "\f00d";
      color: #ffc4b7;
    }
  }
  &.woocommerce-message {
    &:before {
      display: none;
    }
    li:before {
      @include font-awesome();
      margin-right: 10px;
      content: "\f00c";
      color: #ddd;
    }
  }
  &.woocommerce-info {
    &:before {
      display: none;
    }
    li:before {
      @include font-awesome();
      margin-right: 10px;
      content: "\f129";
      color: #b1befd;
    }
  }
  &.order_details {
    position: relative;
    margin: 3.631em 0;
    &:before {
      content: "";
      display: block;
      position: absolute;
      top: -16px;
      left: 0;
      width: 100%;
      height: 16px;
      background-size: 0 100%, 16px 16px, 16px 16px;
    }
    &:after {
      content: "";
      display: block;
      position: absolute;
      top: -16px;
      left: 0;
      width: 100%;
      height: 16px;
      background-size: 0 100%, 16px 16px, 16px 16px;
      top: auto;
      bottom: -16px;
      @include transform(rotate(180deg));
    }
    li {
      padding: 1em 1.618em;
      font-size: 0.8em;
      text-transform: uppercase;
      &:first-child {
        padding-top: 1.618em;
      }
      &:last-child {
        border: 0;
        padding-bottom: 1.618em;
      }
      strong {
        display: block;
        font-size: 1.387em;
        text-transform: none;
      }
    }
  }
}
.woocommerce-checkout {
  .woocommerce-info {
    padding: 10px 0;
    text-align: center;
    border-width: 1px 0;
    border-color: #eaeaea;
    &:before {
      color: #ddd;
    }
    a {
      font-size: 12px;
      float: none;
      padding: 0;
      letter-spacing: 0;
      background-color: transparent;
      color: #13aff0;
      &:hover {
        color: #333;
        background-color: transparent !important;
      }
    }
  }
  form {
    &.login {
      max-width: 600px;
      margin: 0 auto 30px auto;
      padding: 20px;
      border: 1px solid;
      border-color: #eaeaea;
      .lost_password {
        line-height: 46px;
        float: right;
        margin: 0;
      }
      p.form-row {
        display: inline-block;
        margin: 0;
      }
      p.form-row.form-row-first,
      p.form-row.form-row-last {
        margin: 0 0 20px;
      }
      label.inline {
        padding-left: 10px;
      }
      .wc-social-login {
        display: block !important;
        margin-top: 20px;
      }
    }
    &.checkout_coupon {
      display: block;
      border: 3px dashed rgba(84, 84, 84, 0.15);
      padding: 28px;
      width: 695px;
      margin: 0 auto 30px;
      text-align: center;
      p {
        margin: 0;
        &:last-child {
          margin: 0;
        }
      }
      .form-row-first {
        float: left;
        width: 74%;
      }
      .form-row-last {
        float: right;
        width: 25%;
      }
      input {
        line-height: 36px;
        width: 100%;
        height: 36px;
        min-height: 36px;
        padding: 0 15px;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0;
      }
    }

&.checkout {
      display: inline-block;
      width: 100%;
      margin-top: 30px;
    }
  }

h3#order_review_heading,
  #order_review {
    float: right;
    width: 48%;
  }

.e-checkout__order_review {
    h3#order_review_heading,
    #order_review {
      float: none;
      width: 100%;
    }
  }

.woocommerce-account-fields {
    display: inline-block;
    width: 100%;
    input {
      margin-bottom: 0;
    }
  }
  #payment {
    ul.payment_methods {
      padding-bottom: 20px;
      .wc_payment_method {
        > label {
          display: block;
          font-size: 16px;
          font-weight: 600;
          padding: 20px;
          cursor: pointer;
          margin: 0;
          letter-spacing: 0.4px;
          &:before {
            font-family: "Font Awesome 5 Free";
            text-rendering: auto;
            display: inline-block;
            font-size: inherit;
            content: "\f111";
            color: #333;
            font-weight: 400;
            margin-right: 10px;
            @include transition(color 0.2s ease);
          }
        }
        > input[type="radio"]:first-child {
          position: absolute !important;
          clip: rect(1px 1px 1px 1px);
          clip: rect(1px, 1px, 1px, 1px);
          &:checked + label:before {
            content: "\f192";
            color: #13aff0;
          }
        }
      }
      li {
        background-color: #fafafa;
        text-align: left;
        margin-bottom: 1px;
        @include transition(all 0.3s ease);
        &:hover {
          background-color: #f5f5f5;
        }
        img {
          float: right;
          border: 0;
          padding: 0;
          max-height: 28px;
        }
      }
      .woocommerce_error li {
        background-color: transparent;
        color: #fff;
      }
    }
    div.payment_box {
      position: relative;
      width: 100%;
      padding: 1.4em;
      font-size: 0.92em;
      line-height: 1.5;
      background-color: #fff;
      color: #555;
      p {
        margin: 0;
      }
    }
    .payment_method_paypal .about_paypal {
      color: #13aff0;
      font-size: 16px;
      margin-left: 6px;
    }
  }
  #place_order {
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
    padding: 16px 20px;
  }
  .woocommerce form {
    &.login {
      margin-top: 0;
      margin-bottom: 30px;
    }
    &.register {
      margin-top: 0;
      margin-bottom: 30px;
    }
  }
  > .col2-set {
    float: left;
    width: 48%;
    > {
      .col-1 {
        float: none;
        width: 100%;
        margin-bottom: 30px;
        &:after {
          content: "";
          display: block;
          visibility: hidden;
          clear: both;
          zoom: 1;
          height: 0;
        }
      }
      .col-2 {
        float: none;
        width: 100%;
        &:after {
          content: "";
          display: block;
          visibility: hidden;
          clear: both;
          zoom: 1;
          height: 0;
        }
      }
    }
  }
  .place-order .terms {
    margin: 0 0 8px;
  }
  .form-row.place-order {
    margin: 0;
  }
}
.woocommerce-cart {
  .wc-proceed-to-checkout {
    padding-bottom: 0;
    a.checkout-button {
      display: block;
      margin-bottom: 0;
      text-align: center;
    }
  }
  .woocommerce ul.products li.product .button.added {
    display: inline-block;
  }
  table.cart {
    img {
      width: auto;
      max-width: 60px;
    }
    td.actions {
      border-bottom: 0;
      input {
        padding-top: 0;
        padding-bottom: 0;
        height: 32px;
        line-height: 32px;
        padding: 0 1.5em;
      }
      .coupon {
        float: left;
        .input-text {
          display: inline-block;
          float: none;
          width: auto;
          min-height: 32px;
          line-height: 32px;
          padding: 0 0.8em;
          margin: 0 8px 0 0;
          border-color: #ddd;
          &:focus-visible {
            border-color: #bbb;
          }
        }
        label {
          display: none;
        }
      }
      button[name="update_cart"] {
        float: right;
      }
    }
  }
  .cart-collaterals .cart_totals {
    table {
      width: 100%;
      margin-bottom: 20px;
      border: 0;
      td {
        padding: 0.8em;
        vertical-align: top;
        line-height: 1.5em;
      }
      th {
        padding: 0.8em;
        vertical-align: top;
        line-height: 1.5em;
        border-right-style: solid;
        border-right-width: 1px;
        width: 40%;
        font-weight: 600;
        color: #444;
        text-transform: none;
      }
      select {
        width: 100%;
        min-height: 34px;
      }
      tr:first-child {
        td {
          padding-top: 0;
        }
        th {
          padding-top: 0;
        }
      }
      .theme-select .theme-selectInner {
        width: 100% !important;
      }
    }
    .order-total {
      th {
        border-bottom: 1px solid;
        border-color: #eaeaea;
      }
      td {
        border-bottom: 1px solid;
        border-color: #eaeaea;
        span.woocommerce-Price-amount.amount {
          font-size: 15px;
          vertical-align: middle;
          padding-top: 0.8em;
          letter-spacing: 0.5px;
        }
      }
    }
    .shipping-calculator-button {
      display: inline-block;
      font-size: 12px;
      line-height: 1.5;
      font-weight: 900;
      padding-bottom: 3px;
      border-bottom: 1px solid;
      margin-top: 13px;
      text-transform: uppercase;
      letter-spacing: 0.9px;
    }
    .shipping-calculator-form {
      margin-top: 15px;
    }
    .button[name="calc_shipping"] {
      width: 100%;
      margin-top: 10px;
      margin-bottom: 5px;
    }
    tr {
      td {
        border-color: #eaeaea;
      }
      th {
        border-color: #eaeaea;
      }
    }
  }
}
.single_variation {
  display: block;
  float: left;
  margin-bottom: 10px;
}
.variations_button {
  clear: both;
}
div.owp-woo-single-cond-notice {
  display: inline-block;
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid;
  border-color: #eaeaea;
  width: 100%;
  text-align: center;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 1.5;
  text-transform: capitalize;
  span,
  a {
    color: #333333;
  }
  a:hover {
    color: #52a7fe;
  }
}
.product_meta {
  clear: both;
  font-size: 13px;
  border-top: 1px solid;
  border-bottom: 1px solid;
  margin-top: -1px;
  padding: 20px 0;
  color: #787878;
  margin-top: 20px;
  border-color: #eaeaea;
  span {
    display: block;
    &.sku {
      display: inline;
    }
  }
  .posted_in {
    color: #333;
    font-weight: 600;
    a {
      color: #ababab;
      font-weight: 400;
      &:hover {
        color: #13aff0;
      }
    }
  }
  .tagged_as {
    color: #333;
    font-weight: 600;
    a {
      color: #ababab;
      font-weight: 400;
      &:hover {
        color: #13aff0;
      }
    }
  }
}
.sku_wrapper {
  color: #333;
  font-weight: 600;
  span {
    display: inline;
    color: #555;
    font-weight: 400;
  }
}
.woocommerce-product-search {
  label {
    display: none;
  }
  button[type="submit"] {
    float: right;
    margin-top: 15px;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.product-quantity {
  font-weight: normal;
}
.woocommerce-MyAccount-content {
  h2 {
    font-size: 2em;
    font-weight: 600;
  }
  .addresses {
    margin-top: 40px;
    .woocommerce-Address {
      .title {
        background-color: #f7f7f7;
        padding: 15px 25px;
        position: relative;
        border-bottom: 1px solid #fff;
        h3 {
          font-size: 20px;
          font-weight: 400;
          margin: 0;
        }
        a {
          position: absolute;
          top: 10px;
          right: 10px;
          padding: 6px 15px;
          background-color: #fff;
          color: #898989;
          &:hover {
            background-color: #f8f8f8;
            color: #555;
          }
        }
      }
      address {
        background-color: #f7f7f7;
        padding: 15px 25px;
        color: #898989;
      }
    }
  }
  #payment .payment_methods {
    margin-bottom: 1.618em !important;
    li .payment_box {
      background-color: rgba(0, 0, 0, 0.05);
    }
  }
}
p {
  &.stars span a {
    border-color: #eaeaea;
  }
}
@media (min-width: 768px) {
  .woocommerce-MyAccount-tabs {
    float: left;
    width: 18%;
    margin-right: 6%;
  }
  .woocommerce-MyAccount-content {
    float: right;
    width: 76%;
  }
}
.current-shop-items-dropdown {
  border-top-color: #13aff0;
}
.return-to-shop .button.wc-backward:before {
  @include font-awesome();
  content: "\f104";
  margin-right: 8px;
}
#site-navigation-wrap .dropdown-menu > li > a.wcmenucart {
  letter-spacing: 0;
}
body a.wcmenucart.wcmenucart-empty-cart i {
  margin-right: 0;
}
.custom-col .col.first {
  clear: none;
}
.form-row .required {
  color: #e42234;
  border: 0;
}
del .amount {
  color: #555;
}
.select2-container .select2-choice {
  line-height: 40px;
  height: 40px;
  border-color: #ddd;
  @include border-radius(3px);
  .select2-arrow {
    width: 30px;
    b {
      @include font-awesome();
      font-size: 15px;
      line-height: 40px;
      text-align: center;
      &:before {
        content: "\f107";
      }
      &:after {
        display: none;
      }
    }
  }
  abbr {
    @include font-awesome();
    font-size: 15px;
    line-height: 40px;
    text-align: center;
  }
}
.select2-dropdown-open.select2-drop-above {
  .select2-choice {
    border-color: #bbb;
  }
  .select2-choices {
    border-color: #bbb;
  }
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-color: #bbb;
}
#review_form #respond {
  position: static;
  margin: 0;
  width: auto;
  padding: 0;
  background: transparent none;
  border: 0;
  &:after {
    content: "";
    display: block;
    clear: both;
  }
  p {
    text-align: left;
    &.comment-form-author {
      width: 50%;
      float: left;
      padding-right: 10px;
      input {
        width: 100%;
      }
    }
    &.comment-form-email {
      width: 50%;
      float: right;
      padding-left: 10px;
      input {
        width: 100%;
      }
    }
    label {
      display: block;
      margin-bottom: 7px;
    }
  }
  input {
    width: auto;
  }
  textarea {
    width: 100%;
  }
  .form-submit input {
    left: auto;
    left: auto;
  }
}

/**
 * WooCommerce Sales Badge
 */

.woocommerce {
  span.onsale {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    background-color: rgba(63, 195, 135, 0.8);
    color: #fff;
    padding: 8px 12px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.4px;
    z-index: 9;
  }

.circle-sale span.onsale {
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    @include border-radius(50%);
  }
}

// .woocommerce .owp-thumbs-layout-vertical span.onsale {
//   left: 15% !important;
// }

/* Sales Badge Responsive */

@media only screen and (max-width: 1080px) {
  .woocommerce .has-product-nav span.onsale {
    top: 3.5rem;
  }
}

@media only screen and (max-width: 767px) {
  .woocommerce {
    .has-product-nav {
      span.onsale {
        top: 7rem !important;
      }
    }
    span.onsale {
      left: 15%;
      top: 2rem;
    }
  }
}

@media only screen and (max-width: 660px) {
  .woocommerce span.onsale {
    left: 10% !important;
  }
}

@media only screen and (max-width: 240px) {
  .woocommerce .has-product-nav span.onsale {
    top: 8rem !important;
  }
}

.products .product-category {
  text-align: center;
  img {
    display: block;
    margin: 0 auto;
  }
  mark {
    background: none;
    color: inherit;
  }
}
.woocommerce-checkout-review-order-table tfoot th {
  background-color: #f7f7f7;
}
form.checkout {
  position: static !important;
  > .blockUI {
    position: fixed !important;
  }
}
.blockUI.blockOverlay {
  background: rgba(250, 250, 250, 0.6) !important;
}
.blockUI:before {
  @include font-awesome();
  content: "\f110";
  @include animation(fa-spin 0.75s infinite linear);
  height: 30px;
  width: 30px;
  line-height: 30px;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
}
.woocommerce-MyAccount-tabs .oceanwp-user-profile {
  display: table;
  width: 100%;
  table-layout: auto;
  margin-bottom: 40px;
  .image {
    display: table-cell;
    vertical-align: middle;
    width: 64px;
    height: 64px;
    img {
      width: 100%;
      height: auto;
      @include border-radius(50%);
    }
  }
  .user-info {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    .name {
      display: block;
      font-size: 18px;
      line-height: 1;
      margin-bottom: 5px;
      color: #333;
    }
    .logout {
      font-size: 13px;
    }
  }
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 15px 0;
  padding: 0;
  border-top: 1px solid #eaeaea;
  li {
    list-style: none;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    a {
      padding: 12px 0;
      display: block;
      &:before {
        display: inline-block;
        @include simple-line-icons();
        font-size: inherit;
        text-rendering: auto;
        content: "\e085";
        color: #13aff0;
        line-height: 22px;
        margin-left: 8px;
        width: 20px;
        text-align: right;
        float: right;
        @include opacity(0.45);
        @include transition(opacity 0.3s ease);
      }
      &:hover:before {
        @include opacity(1);
      }
    }
    &.is-active a:before {
      @include opacity(1);
    }
    &.woocommerce-MyAccount-navigation-link--dashboard a:before {
      content: "\e007";
    }
    &.woocommerce-MyAccount-navigation-link--orders a:before {
      content: "\e04d";
    }
    &.woocommerce-MyAccount-navigation-link--downloads a:before {
      content: "\e083";
    }
    &.woocommerce-MyAccount-navigation-link--edit-address a:before {
      content: "\e069";
    }
    &.woocommerce-MyAccount-navigation-link--payment-methods a:before {
      content: "\e025";
    }
    &.woocommerce-MyAccount-navigation-link--edit-account a:before {
      content: "\e005";
    }
    &.woocommerce-MyAccount-navigation-link--customer-logout a:before {
      content: "\e065";
    }
    &.woocommerce-MyAccount-navigation-link--subscriptions a:before {
      content: "\e098";
    }
  }
}
.my_account_orders .button.view:after,
.woocommerce-MyAccount-downloads .button:after {
  font-family: "simple-line-icons";
}
.my_account_orders .button {
  padding: 0.618em 0.857em;
  font-size: 0.857em;
  margin-right: 0.236em;
  &.view:after {
    content: "\e087";
    margin-left: 8px;
  }
}
.woocommerce-MyAccount-downloads .button {
  padding: 0.618em 0.857em;
  font-size: 0.857em;
  margin-right: 0.236em;
  &:after {
    content: "\e083";
    margin-left: 8px;
  }
}
.no-top-border .current-shop-items-dropdown {
  border-top: none;
}

.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after,
.woocommerce ul.products li.product .added_to_cart:after,
.return-to-shop .button.wc-backward:before,
.woocommerce .widget_shopping_cart_content .buttons .button:after,
.woocommerce div.product form.cart .variations .reset_variations:before,
.wcmenucart i {
  font-style: normal;
  letter-spacing: normal;
  font-weight: 600;
  text-rendering: auto;
}

.distraction-free .medium-header .col-1,
.distraction-free .medium-header .col-3,
.distraction-free .top-header .header-top,
.distraction-free .vertical-header #site-header-inner .oceanwp-social-menu,
.distraction-free .vertical-header #vertical-searchform,
.distraction-free .oceanwp-social-menu,
.distraction-free #site-description,
.distraction-free .center-header .left-menu,
.distraction-free .center-header .right-menu,
.distraction-free .full_screen-header #site-navigation-wrap {
  display: none;
}

.distraction-free #site-logo {
  float: none;
  margin: auto;
}

.distraction-free #site-logo #site-logo-inner {
  text-align: center;
}

.distraction-free .center-header .navigation {
  justify-content: center;
  min-height: 60px;
}

.distraction-free .vertical-header #site-header-inner {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 960px) {
  .distraction-free .vertical-header #site-header-inner {
    flex-direction: column;
  }
}

.quick-view-plugin-active ul.products li.product li.btn-wrap {
  position: relative;
}

@media (min-width: 769px) {
  .woocommerce div.product {
    &.owp-thumbs-layout-vertical {
      span.onsale {
        left: 12%;
      }

&.has-no-thumbnails span.onsale {
        left: 20px;
      }

div.images {
        .flex-viewport {
          float: right;
          width: 75%;
        }

.flex-control-thumbs {
          float: left;
          width: calc(25% - 1em);
          overflow-x: hidden;

li {
            width: 100%;
          }
        }
      }
    }
  }
}

@media (min-width: 769px) {
  .woocommerce div.product {
    &.owp-tabs-layout-vertical .woocommerce-tabs {
      display: inline-block;
      width: 100%;

ul.tabs {
        float: left;
        width: 20%;
        margin: 0;
        border: none;

li {
          display: block;
          border-top: 1px solid #eaeaea;

&:first-child {
            border-top: 0;
          }

a {
            display: block;
            position: relative;
            text-align: left;
            border-width: 0;

&:after {
              content: "";
              position: absolute;
              top: 0;
              right: -2px;
              width: 3px;
              height: 100%;
              background-color: #13aff0;
              opacity: 0;
              z-index: 1;
              @include transition(all 0.3s ease);
            }
          }

&.active a:after {
            opacity: 1;
          }
        }
      }

.panel {
        float: right;
        width: 80%;
        border-left-width: 1px;
        border-style: solid;
        border-color: #eaeaea;
        padding: 20px;
        margin: 0;

> h2:first-child {
          margin-top: 0;
        }
      }
    }
  }
}

.woocommerce div.product.owp-tabs-layout-section {
  .woocommerce-tabs ul.tabs {
    display: none;
  }

.panel {
    display: block !important;
    margin-top: 80px;

&#tab-description {
      margin-top: 0;
    }

h2:first-child {
      font-size: 28px;
      margin-top: 0;
    }
  }
}

.woocommerce {
  .owp-btn-big .summary form button.button {
    width: 55%;
  }

.owp-btn-very-big .summary form button.button {
    font-size: 16px;
    min-height: 50px;
    width: 100%;
    margin-top: 15px;
  }
}

.demo_store {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 15px 20px;
  background-color: #3d9cd2;
  color: #fff;
  z-index: 999;

a {
    color: #fff;
    font-weight: 400;
    text-decoration: underline;
    display: block;

&:hover {
      text-decoration: none;
    }
  }

&:before {
    @include font-awesome();
    margin-right: 10px;
    content: "\f05a";
  }
}

.vertical-header-style {
  .woocommerce-store-notice.demo_store {
    z-index: 9999;
  }
}

@media (min-width: 768px) {
  .demo_store a {
    background: rgba(0, 0, 0, 0.1);
    float: right;
    display: inline-block;
    margin: -15px -20px -15px 0;
    padding: 15px 20px;

&:before {
      @include font-awesome();
      content: "\f057";
      margin-right: 10px;
    }
  }
}

.owp-cart-overlay {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  cursor: pointer;
}

/* WooCommerce Germanized ___________>> OceanWP */

li.wc-gzd {
  margin-bottom: 5px !important;

.price.price-unit.smaller.wc-gzd-additional-info,
  .wc-gzd-additional-info.product-units-wrapper.product-units,
  .wc-gzd-additional-info.shipping-costs-info {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 5px;
    padding: 5px 0;
    line-height: 1;
    letter-spacing: 1;
  }

.price.price-unit.smaller.wc-gzd-additional-info {
    font-size: 16px;
  }
}

.wc-gzd-single {
  .wc-gzd-additional-info.product-units-wrapper.product-units,
  .wc-gzd-additional-info.shipping-costs-info,
  p.price.price-unit.smaller.wc-gzd-additional-info {
    display: inline-block;
    width: 100%;
    margin: 0 0 5px;
    padding: 5px 0;
    line-height: 1.5;
    letter-spacing: 1;
  }

p.price.price-unit.smaller.wc-gzd-additional-info {
    font-size: 24px;
  }
}

.wc-gzd-single,
.wc-gzd-single-meta,
li.wc-gzd {
  display: block;
  padding: 2px 0;
}

.wc-gzd-single-meta {
  p.wc-gzd-additional-info {
    display: inline-block;
    width: 100%;
  }

p.wc-gzd-additional-info {
    font-size: 14px;
  }
}

.woocommerce.single-product .legal-price-info {
  margin-top: 10px;
}

/*.product_meta {
	.tagged_as::before {
		@include font-awesome();
		content: '\f02c';
		margin-right: 5px;
	}
}*/

/* WooCommerce My Account -> Add Payment Method */
.woocommerce-MyAccount-content {
  #payment {
    ul.payment_methods {
      > li {
        background-color: #fafafa;
      }

.woocommerce-PaymentMethod {
        > input[type="radio"]:first-child {
          position: absolute !important;
          clip: rect(1px, 1px, 1px, 1px);
        }

> label {
          display: block;
          font-size: 16px;
          font-weight: 600;
          padding: 20px;
          cursor: pointer;
          margin: 0;
          letter-spacing: 0.4px;

&:before {
            font-family: "Font Awesome 5 Free";
            text-rendering: auto;
            display: inline-block;
            font-size: inherit;
            content: "\f111";
            color: #333;
            font-weight: 400;
            margin-right: 10px;
            -webkit-transition: color 0.2s ease;
            -moz-transition: color 0.2s ease;
            -ms-transition: color 0.2s ease;
            -o-transition: color 0.2s ease;
            transition: color 0.2s ease;
          }

&:after {
            content: "";
            clear: both;
            display: table;
          }
        }

> input[type="radio"]:first-child:checked + label:before {
          content: "\f192";
          color: #13aff0;
        }
      }
    }

#payment div.woocommerce-PaymentBox {
      position: relative;
      width: 100%;
      padding: 1.4em;
      font-size: 0.92em;
      line-height: 1.5;
      background-color: #fff;
      color: #555;

p {
        margin: 0;
      }
    }
  }

#add_payment_method .woocommerce-PaymentMethod label {
    margin-left: 0;
  }

#place_order {
    width: 100%;
    font-size: 15px;
    line-height: 1.6;
    padding: 16px 20px;
  }
}

ul#shipping_method {
  padding-bottom: 20px;
  li {
    padding-bottom: 10px;
    label {
      padding-left: 10px;
      font-weight: bold;
      vertical-align: middle;
      color: #525252;
      cursor: pointer;
      font-size: 14.5px;
      letter-spacing: 0.5px;
    }

input[type="radio"] {
      vertical-align: middle;
      cursor: pointer;
    }
  }
}

.woocommerce #order_review table.shop_table {
  ul#shipping_method.woocommerce-shipping-methods {
    padding-bottom: 20px;
    text-align: left;
    li {
      padding-bottom: 10px;
      label {
        display: inline;
        padding-left: 10px;
        font-weight: bold;
        vertical-align: middle;
        color: #525252;
        cursor: pointer;
        font-size: 14.5px;
        letter-spacing: 0.5px;
      }
      input[type="radio"] {
        vertical-align: middle;
        cursor: pointer;
      }
    }
  }
}

#order-review table tfoot tr.woocommerce-shipping-totals.shipping td {
  ul#shipping_method {
    padding-bottom: 20px;
    display: block;
    li {
      padding-bottom: 10px;
      label {
        padding-left: 10px;
        font-weight: bold;
        vertical-align: middle;
        color: #525252;
        cursor: pointer;
        font-size: 14.5px;
        letter-spacing: 0.5px;
      }

input[type="radio"] {
        vertical-align: middle;
        cursor: pointer;
        display: inline-block;
      }
    }
  }
}

.woocommerce.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper {
  margin: 0;
}

/* Product title background for cross-sell on cart page */
.woocommerce .cross-sells {
  li.title h2 {
    background-color: transparent !important;
    border-bottom: none;
  }
}

/* Product variation on Elementor pages */
.woocommerce div.product.elementor form.cart table.variations td.value:before {
  content: none;
}
.woocommerce div.product.elementor form.cart table.variations td {
  display: block !important;
  line-height: inherit !important;
}

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: _woocommerce.scss

Server Info

System Features

User Info