/*
Theme Name: KCG-Child-Theme
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 2.31
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: kcg
Text Domain: kcg-child-theme
Tags: 
*/
/*
  /Shop Category Buttons 
*/
.kcg-shop-buttons > a {
  border-radius: 0px;
  min-height: 45vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: rgba(128, 128, 128, 0.568627451);
  text-shadow: 3px 3px 4px #000, -3px 3px 4px #000, -2px -2px 4px #000, 3px -3px 4px #000;
  transition: background-color 4s;
}

.kcg-shop-buttons > a:hover {
  background-color: rgba(163, 163, 163, 0) !important;
}

.kcg-shop-button-column {
  transition: flex-grow 2s;
  position: relative;
  overflow: hidden;
  text-align: center;
  align-items: center;
  justify-content: center;
  background-color: rgba(128, 128, 128, 0.368627451);
}

.kcg-shop-button-column:hover {
  flex-grow: 2 !important;
}

.kcg-shop-button-column.wheels {
  display: flex;
  background-color: rgba(163, 163, 163, 0.6);
  transition: background-color 4s, flex-grow 2s;
}

.kcg-shop-button-column.wheels:hover {
  background-color: rgba(163, 163, 163, 0);
}

.kcg-shop-button-column.wheels::before {
  background: url("https://kcgb2bdev.wpenginepowered.com/wp-content/uploads/2024/03/Wheelsets_1.jpg") no-repeat center center;
  background-size: cover;
  content: "";
  width: 100vw;
  height: 100vw;
  position: absolute;
  z-index: -1;
  animation: spin 10s linear infinite;
  animation-play-state: paused;
}

.kcg-shop-button-column.wheels:hover::before {
  animation-play-state: running;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99999998;
  /* Sit on top */
  left: 0;
  bottom: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  -webkit-animation-name: fadeIn;
  /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s;
}

/* Modal Content */
.modal-content {
  position: fixed;
  bottom: 30%;
  left: 40%;
  background-color: #fefefe;
  width: 20%;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s;
  border-radius: 25px;
  border: solid black 3px;
  overflow: hidden;
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  border-radius: 15px 15px 0 0;
  padding: 2px 16px;
  background-color: #bd2d2f;
  color: white;
}
.modal-header h2 {
  color: white;
}

.modal-body {
  padding: 10px 50px;
  font-size: large;
}
.modal-body .email, .modal-body .phone_number {
  white-space: nowrap;
}

.modal-footer {
  padding: 25px;
  background-color: #bd2d2f;
  color: white;
}

#contact_tooltip_button {
  background-color: #000000;
  color: #ffffff;
  padding: 8px 10px;
  font-size: 15px;
  margin: 15px 0;
}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {
    transform: translateX(75vw);
    opacity: 0;
  }
  to {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slideIn {
  from {
    transform: translateX(75vw);
    opacity: 0;
  }
  to {
    transform: translateX(0px);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.login {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-color: #000000;
}
body.login #login {
  width: 520px;
  padding: 0;
  height: 100vh;
  background-color: rgba(5, 5, 5, 0.7882352941);
  box-shadow: #000000 1px 1px 20px 11px;
}
body.login #login label {
  font-size: medium;
}
body.login #login h1 {
  padding-top: 25%;
}
body.login #login h1 a {
  background-image: url(./assets/images/site-login-logo.png);
  height: 20vh;
  width: auto;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 30px;
}
body.login form {
  border-radius: 10px;
  border: unset;
  color: white;
  margin: 20px;
  padding: 47px 36px;
  background-color: transparent;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
body.login .message,
body.login .notice,
body.login .success {
  border-left: 4px solid black;
  border-radius: 100px;
  margin: auto;
  width: fit-content;
}
body.login #backtoblog a,
body.login #nav a {
  color: white;
}
body.login .button-primary:hover {
  background: #5a5a5a !important;
}
body.login .button-primary {
  background: #293038 !important;
}

@keyframes animName {
  0% {
    transform: rotatey(0deg);
  }
  100% {
    transform: rotatey(45deg);
  }
}
@keyframes slideshow {
  0% {
    background-image: url(./assets/images/image1.jpg);
  }
  33% {
    background-image: url(./assets/images/image2.jpg);
  }
  66% {
    background-image: url(./assets/images/image3.jpg);
  }
  100% {
    background-image: url(./assets/images/image1.jpg);
  }
}
.b2bking_bulkorder_form_container .b2bking_bulkorder_form_container_content_header {
  margin-bottom: 5px;
}
.b2bking_bulkorder_form_container #b2bking_bulkorder_searchby_select {
  padding: 5px;
  background-color: #3ab1e4;
}
.b2bking_bulkorder_form_container #b2bking_bulkorder_searchby_select:hover {
  background-color: #0088c2;
}
.b2bking_bulkorder_form_container #b2bking_bulkorder_searchby_select option {
  background-color: whitesmoke;
  color: black;
}

.wc-block-cart a.wc-block-components-product-name {
  text-decoration: none;
  pointer-events: none;
  cursor: default;
  color: black;
  font-weight: bold;
}
.wc-block-cart a.wc-block-components-product-name p {
  color: black;
  font-weight: normal;
}
.wc-block-cart .wc-block-components-product-price__value {
  margin: 0;
}
.wc-block-cart .wc-block-components-product-metadata .wc-block-components-product-metadata__description > p {
  display: none;
}
.wc-block-cart del {
  display: none;
}
.wc-block-cart .wc-block-components-sale-badge {
  display: none;
}
.wc-block-cart .wc-block-components-product-low-stock-badge {
  display: none;
}
.wc-block-cart img {
  border-radius: 10px;
  border: 2px solid black;
}

.woocommerce-cart .wc-block-components-notice-banner.is-info {
  justify-content: space-evenly;
}
.woocommerce-cart .wc-block-store-notices.woocommerce.wp-block-woocommerce-store-notices {
  position: sticky;
  top: 0px;
  z-index: 1;
}

.woocommerce-table__product-image.product-image {
  min-width: 75px;
}

.blockons-wc-account-icon-block .blockons-wc-account-icon {
  background-color: transparent !important;
  text-decoration: unset;
}
.blockons-wc-account-icon-block .blockons-wc-account-icon .fa-solid.fa-circle-user {
  color: white !important;
}
.ep-autosuggest-container .ep-autosuggest {
  right: 0%;
  width: max-content;
  height: fit-content;
  max-height: 50vh;
  overflow: scroll;
  overflow-x: hidden;
}
.ep-autosuggest-container .ep-autosuggest > ul {
  padding: 0;
}
.ep-autosuggest-container .ep-autosuggest > ul > li {
  border-bottom: 1px solid black;
  padding: 5px;
}
.ep-autosuggest-container .ep-autosuggest > ul > li a {
  text-decoration: unset;
  font-weight: bold;
}

button.order.filter {
  width: 100%;
  font-weight: 700;
  font-size: large;
}

.expander {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  margin: 10px auto;
}
.expander form.expander-content {
  min-height: 0;
  visibility: hidden;
}
.expander.expanded {
  grid-template-rows: 1fr;
}
.expander.expanded form.expander-content {
  visibility: visible;
}

/* 
#bd2d2f 
*/
input:read-only {
  background-color: lightgray !important;
}

.progress-bar {
  width: 100%;
  background-color: #e0e0e0;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  color: black;
  padding: 5px;
}

.progress-bar-fill {
  display: flex;
  justify-content: space-around;
  height: 25px;
  background-color: #659cef;
  border-radius: 3px;
  transition: width 500ms ease-in-out;
  text-wrap: nowrap;
  padding: 5px 0;
  font-weight: bold;
}

.zoomImg {
  width: 150% !important;
  height: 150% !important;
}

.wpf-loader-decorator {
  top: 0vh;
  right: 0vw;
  height: 100%;
}

.product + .wpf-loader-decorator .wpfPreview {
  position: fixed !important;
  top: 0vh;
  right: 40vw;
}

.woocommerce ul.products li.product a img {
  width: 300px;
  margin: 0;
}

/* CSS that was saved inside of the Style's editor  */
.default-color {
  color: black;
}

.wp-block-group.kcg-search-result-item {
  justify-content: space-evenly;
}

/* Filter Results */
li.wc-block-product {
  box-shadow: 0 0 7px 0px #888888;
}

li.product:hover {
  transform: scale(1.02);
}

/* Specific Category Button Stylings for the Home Page */
.home.kcg-shop-buttons > a {
  min-height: 16vw;
  padding: 0 20px;
}

.home .kcg-shop-button-column {
  border-radius: 12px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4705882353);
  max-width: 70%;
  min-width: 220px;
}

.kcg-category-links-container {
  justify-content: center;
  flex-wrap: wrap !important;
}

/* Navigation Styles */
nav a:hover {
  text-decoration: none;
}

ul.wp-block-navigation > li.wp-block-navigation-item {
  border-radius: 5px;
  padding: 5px 25px;
  color: black;
  background: var(--wp--preset--color--base);
}

.wp-block-navigation__submenu-container {
  border-radius: 5px;
}

.wp-block-navigation__submenu-container > li:hover {
  background: #d0d0d0;
}

ul.wp-block-navigation > li.wp-block-navigation-item:hover {
  background-color: #dcdcdc;
}

.aws-container .aws-search-form .aws-wrapper {
  border-radius: 5px 0 0 5px !important;
}

.aws-container .aws-search-form .aws-form-btn {
  border-radius: 0px 5px 5px 0 !important;
}

.filter-col {
  float: left;
}

.woocommerce ul.products li.product a img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  width: 300px;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  z-index: 13;
}

/* CSS from WBW Product Filter */
.wpfFilterTitle > p {
  display: contents;
}

.wpfMainWrapper {
  font-size: small;
}

.wfpTitle.wfpClickable {
  height: auto;
}

.wpfFilterTitle {
  margin-bottom: 5px;
}

.wpfFilterLayoutVer > li {
  padding-right: 0px;
}

ul.products {
  position: relative;
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(max(150px, 33.33333% - 0.83333em), 1fr));
  grid-gap: 1.25em;
  padding: 0;
}

.kcg-hide {
  display: none !important;
}

/* .product li.product, .wp-block-woocommerce-product-collection li.product {
    flex-wrap: nowrap;
    flex-direction: column !important;
    align-items: center;
    justify-content: space-between;
    width: auto;
  } */
li.product .wp-block-woocommerce-product-price {
  width: 100%;
  order: -1;
}

.quantity .qty {
  width: 3.631em;
  text-align: center;
  padding: 0.9rem 1.1rem;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
li.product,
.products ul.products li {
  box-shadow: 0 0 7px 0px #888888;
  position: relative;
  margin: 0px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  width: 100% !important;
  flex-wrap: wrap;
  background-color: white;
  align-content: center;
  padding-bottom: 8px;
  overflow: hidden;
  transition: transform 0.3s;
  will-change: transform;
}

.woocommerce ul.products li.product .added_to_cart.wc-forward {
  display: none !important;
}

.woocommerce li.product :where(a, a.add_to_cart_button) {
  display: flex !important;
  color: #000;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
}

.woocommerce ul.products::before {
  display: none;
}

.wc-block-components-product-image {
  order: -3;
}

.wp-block-post-title {
  order: -2;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wp-block-post-title {
  font-size: var(--wp--preset--font-size--small);
  font-weight: 700;
  padding: 0 20px;
}

.woocommerce ul.products li.product .price {
  color: black;
  font-size: unset;
}

ul.products li.product .button,
.add_to_cart_button,
.product a.wp-element-button,
:root :where(.wp-element-button, .wp-block-button__link),
:where(.b2bking_add_cart_to_purchase_list_button,
#b2bking_request_custom_quote_button) {
  flex-grow: 0;
  width: fit-content;
  border-radius: 4px;
  background-color: var(--wp--preset--color--base);
  border: 2px solid black;
  color: #000000;
  transition: background 1s;
}

:where(.b2bking_add_cart_to_purchase_list_button,
#b2bking_request_custom_quote_button) {
  padding: 1rem;
}

ul.products li.product :where(.button:hover, .button:focus),
:where(.add_to_cart_button:hover, .add_to_cart_button:focus),
.product :where(a.wp-element-button:hover, a.wp-element-button:focus),
:root :where(.wp-element-button:hover,
.wp-block-button__link:hover,
.wp-element-button:focus,
.wp-block-button__link:focus),
:where(.b2bking_add_cart_to_purchase_list_button:hover,
#b2bking_request_custom_quote_button:hover),
:where(.b2bking_add_cart_to_purchase_list_button:focus,
#b2bking_request_custom_quote_button:focus) {
  background-color: #dcdcdc !important;
}

.product a.wp-element-button {
  border: 2px solid black !important;
}

div.wpfSelectedTitle > p {
  display: none;
}

.irs--trolley .irs-from,
.irs--trolley .irs-to,
.irs--trolley .irs-single {
  height: 20px;
}

.woocommerce a.added_to_cart.wc_forward {
  display: none;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
.woocommerce ul.products li.product .button:active,
.add_to_cart_button:active {
  background: aliceblue;
  animation: shake 3s;
}

div.quantity {
  display: inline-block;
  margin-right: 0.2em;
  border-radius: 4px;
}

.wpfSelectedParameters {
  padding: 0;
}

.wpfSelectedParameters {
  position: sticky;
  top: 3vh;
  max-width: none;
  z-index: 11;
  background: rgba(180, 188, 195, 0.5098039216);
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 1vw;
}

.wpfSelectedParameter {
  padding: 0 5px;
  position: relative;
  border: 2px black solid;
  border-radius: 4px;
}

.wpfSelectedDelete {
  position: absolute;
  width: 100%;
  opacity: 0;
  left: 0;
}

.wpfSelectedParametersClear {
  margin: 0 0 0 auto;
  text-decoration: none;
  background-color: aliceblue;
  padding: 5px;
  border-radius: 4px;
  border: 2px black solid;
}

.kcg-filter-search > div {
  display: flex;
  flex-direction: row;
}

.kcg-filter-search > div input[name=s] {
  width: 100%;
}

.wpfSelectedTitle {
  padding-right: 5px;
}

/* -----------------  */
/* .column-product{
    background-color: rgba(255, 0, 0, 0.322) !important;
  }

  .row-product {
    background-color: rgba(0, 0, 255, 0.404) !important;
  } */
.kcg.options {
  margin: unset;
  max-width: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  flex-direction: row;
}
.kcg.options label {
  margin: 0;
}

ul.kcg-row.products {
  grid-template-columns: none;
  grid-gap: 0.2em;
}

ul.kcg-row.products li.product {
  padding: unset;
  margin: auto;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}
ul.kcg-row.products li.product a.wp-element-button {
  margin: 0 50px;
}
ul.kcg-row.products li.product div {
  margin: 0;
}

.wp-block-woocommerce-product-collection ul.kcg-row.products li.product .wc-block-components-product-image {
  margin: 0;
  order: -4;
}
.wp-block-woocommerce-product-collection ul.kcg-row.products li.product .wp-block-post-title {
  order: -3;
  flex: 2;
}
.wp-block-woocommerce-product-collection ul.kcg-row.products li.product .wp-block-woocommerce-product-price {
  order: -2;
}
.wp-block-woocommerce-product-collection ul.kcg-row.products li.product .kcg-item-stock-shop-loop {
  order: -1;
}

ul.kcg-row.products .product:hover {
  transform: scale(1.005);
  font-weight: bold !important;
}
ul.kcg-row.products .product:hover * {
  font-weight: bold !important;
}

ul.kcg-row .product > a {
  flex-direction: row;
  width: 50%;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  gap: 10%;
}

ul.kcg-row.products li.product.wc-block-product div.kcg-product-sku {
  order: -1;
}

ul.kcg-row.products li.product div.kcg-product-sku {
  width: 15%;
}

li.wc-block-product div.kcg-product-sku {
  width: 100%;
  text-align: center;
}

.kcg-product-sku > p {
  margin: 0;
}

ul.kcg-row li.product a {
  margin-left: 30px;
}

ul.kcg-row li.product a > div {
  flex: 1;
}

ul.products.kcg-row li.product a img {
  width: 75px !important;
  height: auto !important;
}

ul.kcg-row li.product :where(.wp-block-woocommerce-product-price,
.wp-block-post-title,
.kcg-item-stock-shop-loop) {
  flex: 1;
}

/* .woocommerce ul.products li.product.row-product:hover a img {
  width: 175px !important;
  } */
.woocommerce ul.products.kcg-row li.product .woocommerce-loop-product__title {
  padding: unset;
  margin: auto;
  flex: 2;
  text-align: left;
}

.woocommerce ul.kcg-row.products li.product .price {
  margin: auto;
  flex: 1;
}

.woocommerce ul.kcg-row.products li.product .button {
  margin: 0 30px 0 0;
  /* margin-right: 30px; */
}

.shipping_address {
  transition: none !important;
  height: auto !important;
}

/* disable touch event or mouse click */
/* #ship-to-different-address label {
      pointer-events: none;
  } */
.kcg-item-stock-shop-loop {
  width: 100%;
  text-align: center;
}

:nth-child(n+2 of .kcg-item-stock-shop-loop) {
  display: none;
}

.woocommerce-table--order-details tfoot td {
  text-align: end;
}

.woocommerce-account main .woocommerce {
  max-width: 75%;
  margin: auto;
}
.woocommerce-account main .woocommerce .woocommerce-MyAccount-navigation {
  width: 10%;
}
.woocommerce-account main .woocommerce .woocommerce-MyAccount-content {
  width: 80%;
}

/*
    Single product styles
*/
.single-product .price {
  display: inline-flex;
  align-items: flex-start;
  gap: 10%;
  flex-direction: column;
  justify-content: center;
}
.single-product .price .msrp-price {
  font-weight: 200;
}
.single-product .price .msrp-price.bold {
  font-weight: bold;
}
.single-product .price .discount-price {
  font-weight: bold;
}
.single-product .wooco_summary.wooco-summary.wooco-text {
  display: none;
}
.single-product .wp-block-add-to-cart-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  gap: 2%;
  width: 100%;
}
.single-product .wp-block-add-to-cart-form p.stock {
  flex-grow: 0.1;
  /* text-align: center; */
  margin: 0;
  font-size: larger !important;
  font-weight: 800;
}
.single-product .wp-block-add-to-cart-form .wooco_wrap {
  width: 100%;
}
.single-product .wp-block-add-to-cart-form form.cart {
  display: flex;
  flex-grow: 1;
  margin: 0 !important;
}
.single-product .wp-block-add-to-cart-form form.cart button.single_add_to_cart_button {
  width: 100%;
  grid-column: var(--whole-width-in-grid);
  border-radius: 4px;
  background-color: var(--wp--preset--color--base);
  border: 2px solid black !important;
  color: #000;
  font-weight: 700;
  font-size: larger;
  padding: 7px;
  background: linear-gradient(to right, #eee, #ccc 70%) right;
  background-size: 200%;
  transition: 0.5s ease-out;
}
.single-product .wp-block-add-to-cart-form form.cart button.single_add_to_cart_button:hover {
  background-position: left;
}
.single-product .wp-block-add-to-cart-form #wc-stripe-payment-request-wrapper {
  flex-grow: 1;
  margin: 0 !important;
  align-self: center;
}

.b2bking_bulkorder_form_container .b2bking_bulkorder_form_container_newline_container {
  margin-top: 10px;
}
.b2bking_bulkorder_form_container .kcg_components {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 5px;
  margin-left: 2%;
}
.b2bking_bulkorder_form_container .kcg_components span {
  font-weight: 500;
}

#payment ul.payment_methods li.wc_payment_method.payment_method_authorize_net_cim_credit_card label[for=payment_method_authorize_net_cim_credit_card] {
  display: inline-flex;
  column-gap: 1em;
}
#payment ul.payment_methods li.wc_payment_method.payment_method_authorize_net_cim_credit_card label[for=payment_method_authorize_net_cim_credit_card] {
  align-items: center;
}

ul li.product .price {
  align-items: center;
}
ul li.product .price .discount-price.bold {
  font-weight: bold;
}

.kcg-side-menu {
  /* outline: auto; */
  padding: 10px 5px 10px 5px;
  border-radius: 3px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-content: space-around;
  align-items: center;
  background: rgba(58, 57, 57, 0.8392156863);
  position: fixed;
  z-index: 10000;
  top: 87%;
  left: -232px;
  transition: transform 0.6s cubic-bezier(0.75, 0, 1, 1);
  cursor: pointer;
  box-shadow: inset 1px 0px 30px 8px rgba(255, 255, 255, 0.5215686275);
}
.kcg-side-menu:hover .dashicons {
  margin-left: 15px;
}
.kcg-side-menu .dashicons {
  color: white;
  transition: margin-left 0.2s;
  margin-left: 10px;
}
.kcg-side-menu.expand {
  transform: translateX(230px);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-duration: 0.4s;
}
.kcg-side-menu.expand .dashicons {
  transform: rotateZ(-540deg);
  margin-left: 15px;
}
.kcg-side-menu.expand:hover .dashicons {
  margin-left: 15px;
}

.pushable {
  position: relative;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  outline-offset: 4px;
  transition: filter 250ms;
}
.pushable .shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: hsla(0, 0%, 0%, 0.25);
  will-change: transform;
  transform: translateY(2px);
  transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
}
.pushable .edge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background: linear-gradient(to left, hsl(340, 100%, 16%) 0%, hsl(340, 100%, 32%) 8%, hsl(340, 100%, 32%) 92%, hsl(340, 100%, 16%) 100%);
}
.pushable .front {
  display: inline-block;
  position: relative;
  padding: 12px 42px;
  border-radius: 12px;
  font-size: 1.25rem;
  color: white;
  background: hsl(345, 100%, 47%);
  will-change: transform;
  transform: translateY(-4px);
  transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
}
.pushable:hover {
  filter: brightness(110%);
}
.pushable:hover .front {
  transform: translateY(-6px);
  transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.pushable:active .front, .pushable.active .front {
  transform: translateY(-2px);
  transition: transform 34ms;
}
.pushable:hover .shadow {
  transform: translateY(4px);
  transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
}
.pushable:active .shadow, .pushable.active .shadow {
  transform: translateY(1px);
  transition: transform 34ms;
}
.pushable:focus:not(:focus-visible) {
  outline: none;
}

.wooco_component_product_selection .dd-desc,
.wooco_component_product_selection .dd-desc * {
  white-space: unset;
}

.order_notes_header {
  font-weight: bolder;
}

.address-modal {
  border: black 3px solid;
  border-radius: 25px;
  position: fixed;
  top: 15%;
  left: 3%;
  background: white;
  width: 90%;
  min-height: 50vh;
  max-height: 70vh;
  padding: 2vw;
  overflow: scroll;
}
.address-modal .dashicons-no {
  position: absolute;
  right: 2%;
  top: 5%;
  scale: 2;
  cursor: pointer;
}
.address-modal .dashicons-no:hover {
  scale: 2.3;
}
.address-modal .verify-address-container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.address-modal .verify-address-container .address-card {
  cursor: pointer;
  padding: 25px;
  border: 2px red solid;
  width: 25%;
  min-width: 250px;
  opacity: 0.5;
  filter: grayscale(70%);
  margin: 20px;
  border-radius: 25px;
  font-weight: 500;
}
.address-modal .verify-address-container .address-card.selected {
  border: 2px blue solid;
  opacity: unset;
  filter: unset;
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.3);
}

.registration-loading {
  position: fixed;
  display: flex;
  z-index: 200;
  background: rgba(72, 77, 79, 0.368627451);
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.registration-loading .loader {
  position: relative;
  border-style: solid;
  box-sizing: border-box;
  border-width: 40px 60px 30px 60px;
  border-color: #3760C9 #96DDFC #96DDFC #36BBF7;
  animation: envFloating 1s ease-in infinite alternate;
}
.registration-loading:after {
  content: "";
  position: absolute;
  right: 62px;
  top: -40px;
  height: 70px;
  width: 50px;
  background-image: linear-gradient(#fff 45px, transparent 0), linear-gradient(#fff 45px, transparent 0), linear-gradient(#fff 45px, transparent 0);
  background-repeat: no-repeat;
  background-size: 30px 4px;
  background-position: 0px 11px, 8px 35px, 0px 60px;
  animation: envDropping 0.75s linear infinite;
}
@keyframes envFloating {
  0% {
    transform: translate(-2px, -5px);
  }
  100% {
    transform: translate(0, 5px);
  }
}
@keyframes envDropping {
  0% {
    background-position: 100px 11px, 115px 35px, 105px 60px;
    opacity: 1;
  }
  50% {
    background-position: 0px 11px, 20px 35px, 5px 60px;
  }
  60% {
    background-position: -30px 11px, 0px 35px, -10px 60px;
  }
  75%, 100% {
    background-position: -30px 11px, -30px 35px, -30px 60px;
    opacity: 0;
  }
}

.b2bking_country_field_selector .select2.select2-container.select2-container--default.select2-container--below.select2-container--open,
#billing_state_field .select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
  top: auto !important;
}

button {
  padding: 15px;
  cursor: pointer;
}

.b2bking_custom_registration_field {
  width: 100%;
  box-sizing: border-box;
  padding: 0.9rem 1.1rem;
  border-radius: var(--wc-form-border-radius);
}

.hide {
  display: none;
}

.choose_shipping_address,
.choose_billing_address {
  font-size: large;
  font-weight: bold;
  color: red;
}

.visual_billing_address,
.visual_shipping_address {
  background: #ddd;
  padding: 30px;
  width: fit-content;
  min-width: 250px;
  border-radius: 10px;
  font-size: larger;
  border-radius: 10px;
  font-weight: bold;
}
.visual_billing_address p,
.visual_shipping_address p {
  margin: auto;
}

div.dsabafw_billing_popup_class,
div.dsabafw_shipping_popup_class {
  overflow: unset;
  padding: 0;
  height: auto;
}
div.dsabafw_billing_popup_class .dsabafw_modal-content,
div.dsabafw_shipping_popup_class .dsabafw_modal-content {
  margin: 5% auto;
}

.b2bking_b2bregistration_only_register_header img {
  filter: invert(100%);
  margin: 40px 0;
}

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

.csr-link-container {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 8%;
  width: 70%;
  margin: 25px auto;
  background-color: antiquewhite;
  padding: 25px;
  border-radius: 25px;
}
.csr-link-container .csr-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  height: 200px;
  width: 200px;
  text-decoration: unset;
  border: 2px solid black;
  border-radius: 20px;
  color: black;
  box-shadow: inset black 1px 1px 6px 0px;
}
.csr-link-container .csr-button a:hover {
  scale: 1.05;
}
.csr-link-container .csr-button a span {
  font-size: 160px;
  width: auto;
  height: auto;
}

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