/* Helpers */
.editorPlaceholder{
  background:#E7F6E6;
  padding:10px;
  font-size: 12px;
 
}
.hide {
    display: none !important;
  }
  .readonly input, .readonly select {
    background-color: rgba(0, 0, 0, 0.02) !important;
    cursor: default;
    pointer-events: none;
  }
  /* Shipping Address Styling */
  .section--shipping-address .sis-cnc-intro-text {
    display: none;
    margin-bottom: 0.8em;
  }
  .section--shipping-address.click-collect-active .sis-cnc-intro-text {
    display: block;
  }
  /* Chekout Pickup Message */
  .sis-cnc-checkout-collection-pickup {
    display: none;
    border: 1px solid #d75600;
    background-color: #e8880029;
    padding: 10px;
    color: #d75600;
    position: relative;
    cursor: default;
    margin-bottom: 0.8em;
  }
  /* Shipping Address - Click and Collect - Selection Boxes */
  .click-collect-controls ul {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 1em;
    width: 100%;
  }
  @media (min-width: 750px) {
    .click-collect-controls ul {
      margin-top: 1.5em;
    }
  }
  .click-collect-controls ul li.section__delivery {
    width: 50%;
    padding: 0.92857em 0.78571em 0.92857em 2.58571em;
    border: 1px solid #d9d9d9;
    color: #545454;
    position: relative;
    cursor: pointer;
  }
  .click-collect-controls ul li.section__delivery strong::before {
    content: "";
    display: block;
    border: 1px solid #aeb2b1;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: 0.78571em;
    top: 1.02857em;
    box-sizing: border-box;
    padding: 0;
  }
  .click-collect-controls ul li.section__delivery .seltext, .click-collect-controls ul li.section__delivery.selected .unseltext {
    display: none;
  }
  .click-collect-controls ul li.section__delivery .sis-cc-store-info {
    font-weight: bold;
  }
  .click-collect-controls ul li.section__delivery .sis-cc-store-info .sis-cc-store-name {
    font-weight: normal;
  }
  .click-collect-controls ul li.section__delivery .sis-cc-link a {
    text-decoration: underline;
  }
  .click-collect-controls ul li.section__delivery .sis-cc-link a:hover {
    text-decoration: none;
  }
  .click-collect-controls ul li.section__delivery.selected {
    background: #E7F6E6;
    border-color: #02AD02;
    box-shadow: 0 0 10px #E7F6E6;
    position: relative;
    cursor: default;
  }
  .click-collect-controls ul li.section__delivery.selected strong {
    color: #02AD02;
  }
  .click-collect-controls ul li.section__delivery.selected strong::before {
    border-color: #02AD02;
  }
  .click-collect-controls ul li.section__delivery.selected strong::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    margin-left: 4px;
    margin-top: 4px;
    background-color: #02AD02;
    border-radius: 50%;
    position: absolute;
    left: 0.78571em;
    top: 1.02857em;
  }
  .click-collect-controls ul li.section__delivery.selected .seltext {
    display: block;
  }
  .click-collect-controls ul li.section__delivery.selected#click_collect_link::before {
    content: "";
    display: block;
    width: 16px;
    height: 7px;
    position: absolute;
    background-color: #E7F6E6;
    bottom: 0;
    left: 50%;
    z-index: 1;
    margin-left: -3px;
  }
  .click-collect-controls ul li.section__delivery.selected#click_collect_link::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #02ad02;
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: rotate(45deg);
  }
  /* Continue Buttons Disabled */
  div[data-step="shipping_method"] #continue_button {
    pointer-events: none;
    animation: buttonStates 0s forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;
  }
  div[data-step="shipping_method"] #continue_button.completed {
    pointer-events: all;
  }
  @-webkit-keyframes buttonStates {
    0% {
      pointer-events: none;
    }
    100% {
      pointer-events: all;
    }
  }
  @keyframes buttonStates {
    0% {
      pointer-events: none;
    }
    100% {
      pointer-events: all;
    }
  }
  /* Shipping Methods - Hide C&C Shipping Method */
  .content-box__row .radio-wrapper[data-shipping-method="shopify-Click%20&%20Collect-0.00"] {
    display: none;
  }
  /* Shipping Methods - Add overlay when logic is applied */
  .section--shipping-method:not(.shipping-method-ready) fieldset.content-box {
    position: relative;
  }
  .section--shipping-method:not(.shipping-method-ready) fieldset.content-box::before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9;
    animation: shippingMethods 0s forwards;
    animation-iteration-count: 1;
    animation-delay: 3s;
  }
  @-webkit-keyframes shippingMethods {
    0% {
      top: -1px;
    }
    100% {
      top: 110%;
    }
  }
  @keyframes shippingMethods {
    0% {
      top: -1px;
    }
    100% {
      top: 110%;
    }
  }
  /* Shipping Method - Show C&C if everything is ok */
  body.click-collect-enabled .content-box__row .radio-wrapper[data-shipping-method="shopify-Click%20&%20Collect-0.00"], body.click-collect-demo-enabled .content-box__row .radio-wrapper[data-shipping-method="shopify-Click%20&%20Collect-0.00"] {
    display: block;
  }
  /* Notifications */
  .sis-cnc-checkout-step-availability, .sis-cnc-basket-availability {
    padding: 0.92857em 0.78571em;
    margin-bottom: 1.5em;
    line-height: normal;
  }
  .sis-cnc-checkout-step-availability.notice--error, .sis-cnc-basket-availability.notice--error {
    border-color: #fad9d9;
    background-color: #ffebeb;
  }

  .sis-cnc-checkout-step-availability.notice--success, .sis-cnc-basket-availability.notice--success {
    border-color:  #e6f6de;
    background-color:  #d5fac2;
  }


  .sis-cnc-checkout-step-availability.notice--info, .sis-cnc-basket-availability.notice--info {
    border-color:   #dee8f0;
    background-color:  #c8e4fb;
  }

  .sis-cnc-checkout-step-availability.notice--error .notice__icon, .sis-cnc-basket-availability.notice--error .notice__icon {
    color: #e32c2b;
  }
  .sis-cnc-checkout-step-availability.notice--error a, .sis-cnc-basket-availability.notice--error a {
    color: #e32c2b;
    font-weight: bold;
    text-decoration: underline;
  }


  .sis-cnc-checkout-step-availability.notice--success .notice__icon, .sis-cnc-basket-availability.notice--success .notice__icon {
    color: #35a200;
  }
  .sis-cnc-checkout-step-availability.notice--success a, .sis-cnc-basket-availability.notice--success a {
    color:#35a200;
    font-weight: bold;
    text-decoration: underline;
  }

  .sis-cnc-checkout-step-availability.notice--info .notice__icon, .sis-cnc-basket-availability.notice--info .notice__icon {
    color: #42aaff;
  }
  .sis-cnc-checkout-step-availability.notice--info a, .sis-cnc-basket-availability.notice--info a {
    color: #42aaff;
    font-weight: bold;
    text-decoration: underline;
  }




  .sis-cnc-checkout-step-availability.notice--error a:hover, .sis-cnc-basket-availability.notice--error a:hover,
  .sis-cnc-checkout-step-availability.notice--info a:hover, .sis-cnc-basket-availability.notice--info a:hover,
  .sis-cnc-checkout-step-availability.notice--success a:hover, .sis-cnc-basket-availability.notice--success a:hover {
    text-decoration: none;
  }
  .field__message--error {
    color: #e32c2b;
    display: inline-flex;
  }
  .field__message--success {
    color: #35a200;
    display: inline-flex;
  }

  .field__message--error .sis-icon {
    margin-right: 5px;
  }
  .field__message--success .sis-icon {
    margin-right: 5px;
  }

  .field__message--error .sis-icon svg{
    fill: #e32c2b;
  }
  .field__message--success .sis-icon svg {
    fill: #35a200;
  }


  .cart-option .sis-cnc-basket-item-availability {
    font-family: var(--font-family-base);
    margin: 0 0 15px;
    font-size: 16px;
    line-height: 16px;
  }
  /* Hide Notifications then C&C not selected or customer is on thank you page */
  /* Show Pick Up Message when C&C not selected */
  .click-collect-not-selected .sis-cnc-checkout-step-availability.notice--error, .page--thank-you .sis-cnc-checkout-step-availability.notice--error, .click-collect-not-selected .sis-cnc-basket-availability.notice--error, .page--thank-you .sis-cnc-basket-availability.notice--error {
    display: none !important;
  }
  .click-collect-not-selected .sidebar__content .sis-cnc-basket-item-availability, .page--thank-you .sidebar__content .sis-cnc-basket-item-availability {
    display: none !important;
  }
  .click-collect-not-selected .sis-cnc-checkout-collection-pickup, .page--thank-you .sis-cnc-checkout-collection-pickup {
    display: block;
  }
  /* Checkout Overrides */
  .sidebar__content .sis-cnc-basket-item-availability {
    font-size: 0.85714em;
  }
  .content-box__row.hide + .content-box__row {
    border-top: none;
  }
  
  .pointer {
    cursor: pointer;
  }

  .sisSelectStore, .sisChangeStore, .sisClearStore {
    text-decoration: underline;
  }