/*
	Global
*/
.bh-shop-content {
    border-color: #ededed;
    border-width: 1px 0px;
    border-style: solid;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bh-shop-headline {
    font-weight: 800;
}

.bh-shop-field-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bh-shop-field-checkbox {
    display: flex;
    margin-top: 10px;
}

.bh-shop-field-checkbox .bh-shop-field-input {
    order: 1;
}
.bh-shop-field-checkbox .bh-shop-field-input input {
    width: 20px;
    height: 20px;
    margin-top: 12px;
    margin-right: 10px;
    cursor: pointer;
}
.bh-shop-field-checkbox .bh-shop-field-input input:checked {
    background: rgb(51, 50, 77);
    background: radial-gradient(
        circle,
        rgba(51, 50, 77, 1) 40%,
        rgba(255, 255, 255, 1) 41%,
        rgba(255, 255, 255, 1) 100%
    );
}
.bh-shop-field-checkbox .bh-shop-field-label {
    order: 2;
}

.bh-shop-field {
    box-sizing: border-box;
    width: calc(50% - 10px);
    position: relative;
}

.bh-shop-field-full-width {
    width: 100%;
}

@media only screen and (max-width: 710px) {
    .bh-shop-field {
        width: 100%;
    }
}

.bh-shop-field input,
.bh-shop-field select,
.bh-shop-field textarea,
.bh-stripe-form-creditcard {
    -webkit-appearance: none;
    border-radius: 0px;
    background: white;
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
    line-height: 40px;
    height: 40px;
    padding: 0px 0px 0px 10px;
    border-color: #d9d9d9;
    border-width: 1px;
    border-style: solid;
    font-size: 13px;
    outline: 0px;
}

.bh-shop-field textarea {
    height: 160px;
}

.bh-stripe-form-creditcard {
    padding-top: 11px;
}

.bh-shop-field .bh-shop-field-input {
}

.bh-shop-field-select-icon {
    pointer-events: none;
}

.bh-shop-field-select-icon:before {
    content: "\e908";
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    right: 6px;
}

.bh-shop-field-label {
    margin-bottom: 6px;
    margin-top: 12px;
    font-size: 13px;
    line-height: 19px;
}

.bh-shop-field-errors {
}
.bh-shop-field-error {
}

.bh-shop-buttons {
    display: flex;
    justify-content: space-between;
    border-color: #ededed;
    border-width: 1px 0px;
    border-style: solid;
    margin-top: 30px;
}
.bh-shop-button {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
}
.bh-shop-button-back {
    line-height: 50px;
}

.bh-shop-cart-refresh .bh-shop-button-icon:before {
    content: "\e997";
    font-size: 18px;
    padding-right: 5px;
}

/*
	Layout
*/
.bh-shop-layout {
}

.bh-shop-header {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}
.bh-shop-header-button {
}
.bh-shop-header-cart {
    font-weight: 800;
    line-height: 50px;
}

.bh-shop-main {
}

/*
	Cart
*/
.bh-shop-cart-content {
}

.bh-shop-cart-content > .bhContainer,
.bh-shop-user-content > .bhContainer,
.bh-shop-confirm-content > .bhContainer,
.bh-shop-stripe-content > .bhContainer {
    margin-bottom: 0px;
}

.bh-shop-cart-box,
.bh-shop-confirm,
.bh-stripe-form {
    padding-left: 20px;
    padding-right: 20px;
}

.bh-shop-cart-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

@media only screen and (max-width: 710px) {
    .bh-shop-cart-box,
    .bh-shop-confirm,
    .bh-stripe-form {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.bh-shop-cart-header {
    display: flex;
    border-color: #ededed;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
}

.bh-shop-cart-header-label {
}
.bh-shop-header-cart-count {
    padding-left: 5px;
}
.bh-shop-cart-cell {
    box-sizing: border-box;
    padding: 0px;
    flex-shrink: 0;
    flex-grow: 0;
    overflow: hidden;
    line-height: 50px;
}

.bh-shop-item-name {
    line-height: 30px;
    padding-top: 10px;
}

.bh-shop-item-text {
    line-height: 20px;
    padding-bottom: 15px;
    font-size: 15px;
    color: #777777;
}

.bh-shop-item-property-product {
    flex-basis: 40%;
    flex-grow: 1;
}
.bh-shop-cart-items .bh-shop-cart-item {
    font-size: 17px;
}

.bh-shop-item-property-price {
    flex-basis: 15%;
    text-align: right;
    max-width: 100px;
}
@media only screen and (max-width: 710px) {
    .bh-shop-item-property-price {
        flex-basis: 20%;
    }
}

.bh-shop-item-property-count {
    flex-basis: 20%;
    text-align: center;
}
.bh-shop-item-property-count input {
    padding: 5px;
    margin: 0px;
    -webkit-appearance: none;
    background: #fff;
    border-color: #ededed;
    border-width: 1px;
    border-style: solid;
    width: 50px;
    box-sizing: border-box;
}

.bh-shop-item-property-total {
    display: none;
    flex-basis: 15%;
    text-align: right;
    max-width: 100px;
}

.bh-shop-cart-cell-remove {
    flex-basis: 35px;
    text-align: right;
    max-width: 100px;
}
.bh-shop-cart-cell-info {
    flex-basis: 100%;
    color: #e94d2e;
    text-align: right;
    margin-bottom: 1em;
}

@media only screen and (max-width: 710px) {
    .bh-shop-cart-header .bh-shop-cart-cell-remove {
        display: none;
    }
    .bh-shop-cart-item .bh-shop-cart-cell-remove {
        position: absolute;
        right: 22px;
        bottom: 3px;
        line-height: 30px;
    }
    .bh-shop-cart-item {
        position: relative;
    }
}

.bh-shop-cart-items {
}

.cart-item-remove .cart-cell-tool-icon:before {
    content: "\e99d";
}
.cart-item-remove .cart-cell-tool-label {
    display: none;
    padding-left: 10px;
}

/* Cart Item Partial - Start */
.bh-shop-cart-item {
    display: flex;
    flex-wrap: wrap;
    border-color: #ededed;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
}

@media only screen and (max-width: 710px) {
    .bh-shop-cart-cell {
        font-size: 12px;
    }
}

/* Cart Item Partial - End */

.bh-shop-cart-shipping {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    line-height: 50px;
}
.bh-shop-cart-shipping-label {
    /* 	flex-basis: 75%; */
}
.bh-shop-cart-shipping-value {
    font-size: 17px;
    flex-basis: 15%;
    font-weight: 800;
    text-align: right;
    margin-right: calc(20% + 35px);
}
@media only screen and (max-width: 710px) {
    .bh-shop-cart-shipping-value {
        margin-right: 55px;
        flex-basis: 25%;
    }
}

.bh-shop-cart-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    line-height: 50px;
}
.bh-shop-cart-total-label {
    /* 	flex-basis: 75%; */
}
.bh-shop-cart-total {
    font-size: 17px;
    flex-basis: 15%;
    font-weight: 800;
    text-align: right;
    margin-right: calc(20% + 35px);
}
@media only screen and (max-width: 710px) {
    .bh-shop-cart-total {
        margin-right: 55px;
        flex-basis: 25%;
    }
}

.bh-shop-cart-buttons,
.bh-shop-stripe-submit {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 50px;
}
@media only screen and (max-width: 710px) {
    .bh-shop-cart-buttons,
    .bh-shop-stripe-submit {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.bh-shop-cart-button {
}
.bh-shop-cart-refresh {
}
.bh-shop-cart-checkout {
}

/*
	User
*/
.bh-shop-user-content {
}
.bh-shop-order-user {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 22px;
    margin-top: 22px;
}
.bh-shop-user-submit {
    margin-left: auto;
    background: transparent;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
.bh-shop__clickandcollect-box {
    margin-top: 20px;
}

/*
	Payment
*/
.bh-shop-payment-content {
}
.bh-shop-order-payment {
}
.bh-shop-payment-list {
}
.bh-shop-payment-item {
}
.bh-shop-payment-submit {
}

/*
	Confirm
*/
.bh-shop-confirm-content {
}
.bh-shop-confirm {
}
.bh-shop-confirm .bh-shop-cart-shipping-value {
    margin-right: 20%;
}
.bh-shop-confirm .bh-shop-cart-total {
    margin-right: 20%;
}
.bh-shop-addresses {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
.bh-shop-address {
    width: calc(50% - 10px);
    line-height: 25px;
}
.bh-shop-address-label {
    font-style: italic;
}
.bh-shop-address-label:after {
    content: ":";
}
.bh-shop-address-headline {
    font-weight: 800;
    margin-bottom: 5px;
}
/* Address Partial - Start */
.bh-shop-address-box {
}
.bh-shop-address-line {
}
.bh-shop-address-city-box > * {
    display: inline-block;
}
.bh-shop-address-zip:after {
    content: " ";
    white-space: pre;
}
.bh-shop-address-country {
    margin-bottom: 5px;
}

/* Address Partial - End */
.bh-shop-address-buttons {
}
.bh-shop-address-button {
}
.bh-shop-address-buton-edit {
    line-height: 40px;
    padding-left: 10px;
}

.bh-shop-address-billing {
}
.bh-shop-address-shipping {
}
.bh-shop-confirm-buttons {
}
.bh-shop-confirm-button {
    margin-left: auto;
}

/*
	Stripe
*/
.bh-shop-stripe-content {
}
.bh-shop-order-stripe {
}
.bh-shop-field-stripe-cc {
    width: 100%;
}
.bh-shop-stripe-amount-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.bh-shop-stripe-amount-label {
    font-size: 14px;
}
.bh-shop-stripe-amount-value {
    font-weight: bold;
}
.bh-shop-stripe-submit {
    margin-left: auto;
}

.bh-stripe-form-errors {
    color: #e94d2e;
    font-size: 14px;
    text-align: center;
}

.bh-shop-stripe-amount-box {
    margin-top: 20px;
}
