/*
Template Name: Sabco Packaging
Author: BluForce
Version: 1.0.0
File: Theme Css File
*/
.site-breadcrumb .breadcrumb {
  margin: 0;
  padding: 1rem 0; }

.product-border {
  background-color: #e5e5e5;
  padding: 1px;
  grid-gap: 1px;
  margin-bottom: 1rem; }
  .product-border .product .pr__image_wrapper {
    padding: 2rem 0;
    margin: 0; }

.products-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 2rem; }
  .products-list .product {
    background-color: #ffffff; }

.products-list-center {
  text-align: center; }

@media (max-width: 764px) {
  .products-list {
    grid-template-columns: auto auto; } }
.product-details {
  position: relative; }
  .product-details main .show-sm {
    display: none; }
  .product-details main .product-full-info {
    position: relative; }
    .product-details main .product-full-info > .nav {
      display: flex;
      flex-wrap: nowrap;
      padding: 1rem 0;
      margin-top: -1px;
      overflow-x: auto;
      text-align: center;
      white-space: nowrap;
      -webkit-overflow-scrolling: touch;
      z-index: 7; }
  .product-details main .grid-desktop {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 40px; }
  .product-details main .product-hero {
    padding: 1rem; }
    .product-details main .product-hero .page-title {
      font-size: 24px; }
  .product-details main .products-row:not(:last-child) {
    margin-bottom: 40px; }
  .product-details main .product-list .product-text {
    display: inline-flex; }
    .product-details main .product-list .product-text .product-thumb-small {
      display: flex; }
      .product-details main .product-list .product-text .product-thumb-small img {
        width: 80px; }
  .product-details main .product-list thead th {
    font-size: 14px;
    vertical-align: middle; }
  /*.product-details main .product-list thead .pr__qty-options-col {
    width: 30%; }*/
  .product-details main .product-list .unit-per {
    display: flex;
    align-items: center;
    justify-content: center; }
  .product-details main .product-list .pr__title {
    padding-top: 1rem; }
    .product-details main .product-list .pr__title p {
      font-weight: 600;
      margin: 0; }
    .product-details main .product-list .pr__title small {
      display: block;
      line-height: 1 !important; }
  .product-details main .product-list .switch-btn {
    margin-left: 1rem; }
    .product-details main .product-list .switch-btn .btn {
      font-size: 12px; }
      .product-details main .product-list .switch-btn .btn.active {
        background-color: #002E73;
        color: #ffffff; }
  .product-details main .product-list .item-qty .input-group {
    border: solid 1px #e5e5e5;
    width: 120px;
    margin: auto; }
    .product-details main .product-list .item-qty .input-group input.form-control {
      border: none;
      text-align: center;
      font-size: 14px; }
      .product-details main .product-list .item-qty .input-group input.form-control.selected {
        background-color: #00bb8c;
        color: #ffffff; }
    .product-details main .product-list .item-qty .input-group .btn {
      padding: 5px; }
      .product-details main .product-list .item-qty .input-group .btn svg {
        width: 10px; }
  .product-details main .product-list .pr__price {
    font-weight: 700;
    display: block; }
  .product-details main .related-products {
    display: grid;
    grid-template-columns: auto auto auto auto;
    margin: 1rem 0; }
  .product-details main .product-gallery {
    width: auto;
    height: 100%; }
  .product-details main .tab-pane .tab-pane-content {
    min-height: 40vh; }
  .product-details main .content-block:not(:last-child) {
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 40px; }
  .product-details main .product-list-sm {
    display: none; }

@media (max-width: 767px) {
  .product-details main .show-md {
    display: none; }
  .product-details main .show-sm {
    display: block; }
  .product-details main .product-hero .page-title {
    font-size: 14px; }
  .product-details main .product-text-brief {
    background-color: #f0f0f0;
    padding: 10px 15px; }
  .product-details main .product-list-table {
    display: none; }
  .product-details main .product-list-sm {
    display: block; }
    .product-details main .product-list-sm ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .product-details main .product-list-sm ul li {
        display: flex;
        justify-content: space-between;
        align-content: flex-start;
        border-bottom: solid 1px #e5e5e5;
        padding: 1rem 0; }
        .product-details main .product-list-sm ul li .product-text {
          display: flex; align-items: flex-start; }
          .product-details main .product-list-sm ul li .product-text .product-thumb-small img {
            width: 60px; }
          .product-details main .product-list-sm ul li .product-text .product-thumb-small svg {
            width: 16px; }
          .product-details main .product-list-sm ul li .product-text hgroup p {
            margin-bottom: 0; }

  .modal .modal-header .product-thumb-small img {
    width: 60px; }
  .modal .modal-header .product-thumb-small svg {
    width: 16px; }
  .modal .modal-product .product-details {
    font-size: 13px; }
  .modal .switch-btn .btn {
    font-size: 12px; }
    .modal .switch-btn .btn.active {
      background-color: #002E73;
      color: #ffffff; }
  .modal .item-qty .input-group {
    border: solid 1px #e5e5e5;
    width: 130px; }
    .modal .item-qty .input-group input.form-control {
      border: none;
      text-align: center; }
    .modal .item-qty .input-group .btn {
      padding: 5px; }
      .modal .item-qty .input-group .btn svg {
        width: 15px; } }
.product-details main .product-hero {
  padding-left: 0;
  padding-right: 0; }
.product-details main .product-gallery {
  width: 300px;
  height: 100%; }
.product-details main .product-full-info {
  margin-bottom: 1rem; }
  .product-details main .product-full-info .product-list-table tbody {
    font-size: 13px; }
    .product-details main .product-full-info .product-list-table tbody .selected {
      background-color: #f5feff; }
.product-details main .tab-pane .tab-pane-content {
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
  padding: 15px 30px;
  min-height: 100px; }
.product-details main .nav .active {
  color: #002E73;
  border-bottom: solid 2px #0088C2; }
.product-details main .product-selection {
  border-radius: 5px;
  box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
  margin: 1rem 0 0 0;
  overflow: hidden; }
  .product-details main .product-selection .product-list-row {
    display: grid;
    grid-template-columns: 1.25fr 1fr 1.75fr 1.50fr;
    grid-gap: 1px;
    background-color: #f0f0f0; }
  .product-details main .product-selection .product-list-header {
    border-bottom: solid 2px #f0f0f0; }
    .product-details main .product-selection .product-list-header .product-price {
      flex-direction: column; }
    .product-details main .product-selection .product-list-header .plh-col {
      background: #fff;
      overflow: hidden;
      display: flex;
      align-items: center; }
      .product-details main .product-selection .product-list-header .plh-col .label {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 12px;
        text-transform: uppercase;
        padding: 1rem; }
        .product-details main .product-selection .product-list-header .plh-col .label .label-text {
          margin-right: 20px;
          opacity: .5; }
        .product-details main .product-selection .product-list-header .plh-col .label .custom-switcher {
          display: inline-flex; }
          .product-details main .product-selection .product-list-header .plh-col .label .custom-switcher .form-switch {
            display: inline-flex;
            justify-content: center;
            margin: 0 5px 0 5px;
            min-height: auto; }
            .product-details main .product-selection .product-list-header .plh-col .label .custom-switcher .form-switch .form-check-input {
              border-color: #0088C2;
              background-color: #0088C2;
              background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
      .product-details main .product-selection .product-list-header .plh-col .price-slot-labels {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        background-color: #f0f0f0;
        grid-column-gap: 1px;
        width: 100%; }
        .product-details main .product-selection .product-list-header .plh-col .price-slot-labels > span {
          background-color: #ffffff;
          text-align: center;
          font-size: 13px; }
    .product-details main .product-selection .product-list-header .product-unit {
      display: flex;
      justify-content: center; }
  .product-details main .product-selection .product-list-body {
    display: grid;
    grid-row-gap: 1px;
    background-color: #f0f0f0; }
    .product-details main .product-selection .product-list-body .plb-col {
      background: #fff;
      padding: 1rem; }
    .product-details main .product-selection .product-list-body .pr-price-slots {
      padding: 0; }
    .product-details main .product-selection .product-list-body .pr-unit {
      font-size: 14px;
      text-align: center; }
    .product-details main .product-selection .product-list-body .price-slot-group {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      background-color: #ebebeb;
      grid-column-gap: 1px;
      height: 100%; }
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center; }
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-outline-primary {
        background-color: #fff;
        color: #000000;
        border: none;
        border-radius: 0; }
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-check:checked + .btn-outline-primary,
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-check:active + .btn-outline-primary,
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-outline-primary:active,
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-outline-primary.active,
      .product-details main .product-selection .product-list-body .price-slot-group .price-slot .btn-outline-primary.dropdown-toggle.show {
        background-color: #d8e7ff;
        color: #002E73; }
    .product-details main .product-selection .product-list-body .pr-cta {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .product-details main .product-selection .product-list-body .pr-cta .pr__price {
        width: 80px;
        font-size: 14px;
        font-weight: 700; }
      .product-details main .product-selection .product-list-body .pr-cta .addtocart {
        background-color: #f05844;
        color: #ffffff;
        border-radius: 12px;
        font-size: 13px;
        text-transform: uppercase; }
    .product-details main .product-selection .product-list-body .pr-info {
      font-size: 14px; }
    .product-details main .product-selection .product-list-body .item-qty .btn {
      padding: 0; }
      .product-details main .product-selection .product-list-body .item-qty .btn.selected {
        background-color: #00bb8c;
        color: #ffffff; }
      .product-details main .product-selection .product-list-body .item-qty .btn svg {
        width: 25px;
        height: 100%;
        background-color: #ebebeb;
        padding: 5px; }
    .product-details main .product-selection .product-list-body .item-qty .form-control {
      width: 60px;
      font-size: 13px;
      text-align: center; }
    .product-details main .product-selection .product-list-body .item-qty .selected {
      background-color: #00bb8c;
      color: #ffffff; }
.product-details main .product-list .unit-per, .product-details main .product-list .select-qty, .product-details main .product-list .item-qty, .product-details main .product-list .item-qty, .product-details main .product-list .cta-block {
  padding-top: 15px; }
.product-details main .product-list .pr__price {
  padding-top: 23px; }
.product-details main .product-list .select-qty {
  min-width: 220px; }
  .product-details main .product-list .select-qty .btn-check:checked + .btn {
    background-color: #253e86;
    border-color: #253e86;
    color: #ffffff; }
.product-details main .product-list .switch-btn .active {
  background-color: #002E73;
  color: #ffffff; }
.product-details main .product-list .product-text figure.product-thumb-small {
  position: relative;
  margin-right: 1rem; }
  .product-details main .product-list .product-text figure.product-thumb-small .icon-fixed {
    position: absolute;
    top: 0;
    right: 0; }

@media (max-width: 1220px) {
  .product-details main .product-selection .product-list-header .product-unit .unit-per {
    flex-direction: column; }
  .product-details main .product-selection .product-list-row {
    grid-template-columns: 1.25fr 1fr 1.75fr 1.75fr; }
  .product-details main .product-selection .product-list-body .item-qty .form-control {
    width: 50px;
    padding: 5px; } }
@media (max-width: 1024px) {
  .product-details main .product-selection .product-list-body .pr-cta {
    justify-content: flex-end; }
  .product-details main .product-selection .product-list-row {
    grid-template-columns: 1.75fr 1fr 2fr; }
    .product-details main .product-selection .product-list-row .product-price, .product-details main .product-selection .product-list-row .pr-price-slots {
      display: none; } }
@media (max-width: 767px) {
  .product-details main .product-hero {
    padding: 1rem 0; }
  .product-details main .product-gallery {
    width: auto; }
  .product-details main .product-list .unit-per, .product-details main .product-list .select-qty, .product-details main .product-list .item-qty, .product-details main .product-list .item-qty, .product-details main .product-list .cta-block {
    padding-top: 5px; }
  .product-details main .product-list .pr__title, .product-details main .product-list .pr__price {
    padding-top: 10px; }
  .product-details main .product-selection .product-list-row {
    grid-template-columns: 2fr 1.75fr; }
  .product-details main .product-selection .product-list-header .product-unit {
    display: none; }
  .product-details main .product-selection .product-list-body .pr-unit {
    display: none; }
  .product-details main .product-selection .product-list-body .pr-cta {
    flex-direction: column;
    justify-content: center;
    align-items: flex-end; }
    .product-details main .product-selection .product-list-body .pr-cta .item-qty {
      display: none; }
  .product-details main .product-list-sm .pr__price {
    margin: 0 1rem; } }

/*# sourceMappingURL=shop.css.map */