1#@!#!123s

: / home / mihaidwf / justshea.net / wp-content / themes / oceanwp / sass / woo /
Filename : _woo-responsive.scss
back
/*------------------------------------------------------------------
Woo Responsive
-------------------------------------------------------------------*/
.sidr-class-woo-menu-icon {
  display: none;
}
.sidr-class-woocommerce {
  display: none;
}
@media only screen and (max-width: 1280px) {
  .woocommerce div.product .product-thumbnails {
    width: 275px;
  }
}
@media only screen and (max-width: 992px) {
  .woocommerce {
    #customer_login {
      .lost_password {
        float: none;
        margin-top: 10px !important;
        line-height: 1;
      }
      .form-row label[for="rememberme"] {
        margin: 0 0 0 4px;
      }
    }
    .oceanwp-loginform-wrap {
      .lost_password {
        float: none;
        margin-top: 10px !important;
        line-height: 1;
      }
      .form-row label[for="rememberme"] {
        margin: 0 0 0 4px;
      }
    }
  }
}
@media only screen and (max-width: 959px) {
  body.account-side-style .woocommerce #customer_login {
    > div,
    .col-2 {
      float: none;
      width: 100%;
    }
    .col-2 {
      margin-top: 20px;
    }
  }
  .woocommerce-checkout {
    #order_review {
      float: none;
      width: 100%;
    }
    > .col2-set {
      float: none;
      width: 100%;
    }
    h3#order_review_heading {
      float: none;
      width: 100%;
    }
    form.checkout_coupon {
      width: 100%;
      margin-bottom: 20px;
      .form-row-first,
      .form-row-last {
        float: none;
        width: 100%;
        margin: 0;
      }
      .form-row-last {
        margin-top: 10px;
      }
    }
    form.checkout {
      margin-top: 10px;
    }
  }
}
@media only screen and (max-width: 767px) {
  .woocommerce {
    ul {
      &.products.list li.product {
        .woo-entry-image,
        .product-entry-slider-wrap {
          float: none;
          width: 100%;
          margin: 0 0 20px;
        }
        .woo-entry-inner {
          float: none;
          width: 100%;
        }
      }
      &.order_details li {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border: 0;
        border-bottom: 1px solid #e9e9e9;
      }
    }
    .form-row-first {
      float: none;
      width: 100%;
      margin-right: 0;
      margin-left: 0 !important;
    }
    .form-row-last {
      float: none;
      width: 100%;
    }
    .cart-collaterals {
      .cross-sells {
        display: none;
      }
      .cart_totals {
        float: none;
        width: 100%;
        margin-bottom: 20px;
      }
    }
    div.product {
      div {
        &.images {
          float: none;
          width: 100% !important;
          text-align: center;
        }
        &.summary {
          float: none;
          width: 100% !important;
        }
      }
      .woocommerce-tabs ul.tabs li {
        display: block;
      }
    }
    &.content-full-width div.product div {
      &.images {
        float: none;
        width: 100%;
      }
      &.summary {
        float: none;
        width: 100%;
      }
    }
    #customer_login .form-row label[for="rememberme"] {
      margin: 0 0 0 4px;
    }
    .order_details li:last-of-type {
      padding: 0;
      margin: 0;
    }
  }
  .col2-set {
    .col-1 {
      float: none;
      width: 100%;
    }
    .col-2 {
      float: none;
      width: 100%;
    }
    > div:first-child {
      margin-bottom: 30px;
    }
  }
  .woocommerce-page {
    .cart-collaterals .cart_totals {
      float: none;
      width: 100%;
      margin-bottom: 20px;
    }
  }
  .woocommerce-cart {
    .cart-collaterals .cart_totals table td {
      text-align: right;
    }
    table.cart td.actions .coupon .input-text {
      max-width: 150px;
    }
  }
  .woocommerce-message:before {
    display: none;
  }
  .woocommerce-cart .woocommerce table.shop_table {
    thead {
      display: none;
    }

    tbody {
      th {
        display: none;
      }
    }

    tr {
      td {
        display: inline-block;
        width: 100%;
        text-align: right;
        clear: both;

        &:before {
          content: attr(data-title) ": ";
          font-weight: 600;
          float: left;
          font-size: 14.5px;
          letter-spacing: 0.8px;
          color: #525252;
        }

        &.product-remove:before,
        &.product-thumbnail:before {
          display: none;
        }

        &.product-thumbnail {
          text-align: center;
        }

        &.product-quantity .quantity {
          float: right;
        }

        &.product-subtotal {
          span.woocommerce-Price-amount.amount {
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.5px;
          }
        }

        &.actions,
        &.download-actions {
          &:before {
            display: none;
          }
        }

        &.download-actions {
          .button {
            display: block;
            text-align: center;
          }
        }
      }
    }

    &.my_account_orders {
      .order-actions {
        text-align: right;

        &:before {
          display: none;
        }
      }
    }
  }

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

  .distraction-free #site-header.vertical-header #site-header-inner {
    width: fit-content;
  }
}

@media only screen and (max-width: 767px) {
  ul#shipping_method {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-top: 20px;
    li {
      padding-bottom: 20px;
    }
  }

  .woocommerce .cart-collaterals {
    p {
      text-align: left;
    }
    .cart_totals .shipping-calculator-button {
      float: left;
    }
  }
}

@media only screen and (max-width: 580px) {
  .woocommerce-cart table.cart td.actions {
    .coupon {
      float: none;
      width: 100%;
      text-align: center;
      padding-bottom: 1em;
      border-bottom: 1px solid rgba(0, 0, 0, 0.05);

      .input-text {
        width: 100%;
        max-width: 100%;
        margin: 0 0 10px;
      }

      input {
        width: 100%;
      }

      button[name="apply_coupon"] {
        width: 100%;
        display: inline-block;
        float: none;
      }
    }
    button[name="update_cart"] {
      display: inline-block;
      float: none;
      width: 100%;
      margin-top: 15px;
    }
  }
}

@media only screen and (max-width: 480px) {
  .woocommerce {
    .result-count {
      display: none;
    }
    .oceanwp-toolbar {
      text-align: center;
    }
    .oceanwp-off-canvas-filter,
    .oceanwp-grid-list {
      display: inline-block;
      float: none;
    }
    .oceanwp-grid-list {
      margin: 0;
    }
    .woocommerce-ordering {
      float: none;
      margin-top: 14px;
      text-align: left;

      .orderby {
        width: 100% !important;
        span {
          width: 100% !important;
        }
      }
    }
  }

  .woocommerce-checkout form.login .lost_password {
    float: none;
    line-height: 1;
    margin: 10px 0 0;
  }
}
@media only screen and (max-width: 320px) {
  .woocommerce {
    .woocommerce-ordering .orderby {
      width: 175px !important;
      span {
        width: 175px !important;
      }
    }
    div.product .product-thumbnails {
      width: 215px;
    }
    #reviews #comments ol.commentlist li {
      .comment_container {
        padding: 0;
      }
      img.avatar {
        display: none;
      }
    }
  }
  .woocommerce-cart table.cart td.actions {
    input {
      width: 100%;
    }
    .coupon .input-text {
      width: 100%;
      max-width: 100%;
      margin: 0 0 10px !important;
    }
  }
}