/*
Theme Name: Bella Luna Oy
Description: Bella Luna Oy
Template: flatsome
Version: 0.1.0
Text Domain: vamsko
Domain Path: /languages
*/

body {
  font-size: 82%;
}

/* Review form */

.form-submit input#submit {
    min-width: 100px;
    text-transform: none !important;
}

.vamsko-review-form__toggle {
    min-width: 100px;
}

.vamsko-review-form__toggle .vamsko-toggle__text--enabled {
    display: none;
}

.vamsko-review-form__toggle.active .vamsko-toggle__text--disabled {
    display: none;
}

.vamsko-review-form__toggle .vamsko-toggle__text--disabled {
    display: inline;
}

.vamsko-review-form__toggle.active .vamsko-toggle__text--enabled {
    display: inline;
}

/* End review form */

/* Myaccount */

.account-user .user-id {
    display: none;
}

/* End myaccount */

/* Checkout country picker */

.vamsko-pickup-calculator__container {
    width: 40% !important;
    padding: 5px 0 0 0 !important;
}

body.woocommerce-no-js .vamsko-kco-container {
    display: block !important;
}

body.woocommerce-no-js .vamsko-pickup-calculator__container {
    display: none !important;
}

/* End checkout country picker */

/* 404 page */

body.error404 #main {
    z-index: 10 !important;
}

.error404 .section-content {
    z-index: auto;
}

/* End 404 page */

/* Product category page */
.orderby option {
    text-align: right;
}

select.orderby {
    padding-right: 25px;
}

/* Search */
.searchform .button.secondary:not(.is-outline) {
    background-color: #000;
}

.autocomplete-suggestion img {
    border-radius: 0;
    height: auto;
}

.live-search-results {
    background-color: rgba(255, 255, 255, 1) !important;
}

/* Product card */
.ux-swatches .ux-swatch {
    width: auto !important;
}

.box-image .out-of-stock-label {
    pointer-events: none !important;
    top: 10% !important;
    font-size: 1em !important;
}

#product-attribute-guide-3 {
    max-width: 640px !important;
}

.product-images {
    position: sticky !important;
    top: 120px;
}

.wc_bis_send_form {
    line-height: 3em;
    min-width: 250px;
    font-size: 1em;
}

button.wc-variation-is-unavailable {
    display: none;
}

.carusel_block .products.row .col {
    padding: 0 10px 18px !important;
    margin: 0 !important;
}

/* Menu */

.vamsko-menu-spacing--line {
    position: relative !important;
}

.vamsko-menu-spacing:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 21px;
    background: #fff;
    z-index: 10;
    pointer-events: none;
}

.vamsko-primary-right .vamsko-menu-spacing:before {
    background: #f3f6f7;
}

.vamsko-menu-spacing:after {
    content: '';
    margin: 10px 0;
    width: 100%;
    z-index: 20;
    position: relative;
    pointer-events: none;
    height: 1px;
}

.vamsko-menu-spacing--line:after {
    background: rgba(0, 0, 0, 0.8);
    margin: 10px 55px;
}

@media (max-width: 549px) {
    .vamsko-menu-spacing--line:after {
        margin: 10px 25px;
    }
}

/* End menu */

/* Other */
.woocommerce-loop-product__link {
    white-space: normal !important;
}

.accordion {
    margin-bottom: 30px;
}

.button.is-outline, input[type=submit].is-outline, input[type=reset].is-outline, input[type=button].is-outline {
    border: 1px solid currentColor;
}

.button.disabled, button.disabled, .button[disabled], button[disabled] {
    opacity: 1;
    border: 1px solid #646464;
    background-color: #ffffff !important;
    color: #646464;
    cursor: not-allowed;
}

div#mc_embed_signup {
    position: relative;
    top: 10px;
}

#mc_embed_signup input.email {
    border: 1px solid #e8d2b5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #343434;
    background-color: #fff;
    box-sizing: border-box;
    height: 32px;
    padding: 0 0.4em;
    display: inline-block;
    margin: 0 0 5px;
    width: 100%;
    vertical-align: top;
}

@media only screen and (min-width: 1024px) {
    #mc_embed_signup input.email {
        margin-bottom: 0;
        width: 69%;
    }
}

#mc_embed_signup .button {
    /* font-size: 13px; */
    /* border: none; */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    letter-spacing: .03em;
    color: #fff;
    /* background-color: #aaa; */
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    padding: 0 18px;
    display: inline-block;
    margin: 0;
    transition: all 0.23s ease-in-out 0s;
}

.newsletter-subscribe {
    padding-right: 20px;
    margin-bottom: 0;
}

.single-product table th, .single-product table td {
    white-space: nowrap;
}

.up-sells-title {
    padding-top: 50px;
}

.flexbox-center-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-attribute-label {
    font-size: 13px;
    margin-bottom: 5px;
}

/* Checkout page */

.woocommerce-checkout .woocommerce, .woocommerce-cart .woocommerce {
    font-size: 16px !important;
}

form.checkout_coupon.woocommerce-form-coupon {
    border: 0 !important;
}

form.woocommerce-form-coupon input[type="submit"][disabled] {
    background: #777 !important;
}

form.woocommerce-form-coupon button, form.woocommerce-form-coupon input[type="submit"] {
    text-transform: capitalize !important;
    width: 100% !important;
    padding: 0 1.5em !important;
}

form.checkout_pw_gift_card.woocommerce-form-coupon {
    display: flex;
    flex-flow: row wrap !important;
}

form.checkout_pw_gift_card.woocommerce-form-coupon > p {
    flex-basis: 100%;
}

form.checkout_pw_gift_card.woocommerce-form-coupon > .form-row {
    flex-basis: auto;
    margin: 0;
    width: auto;
    padding: 5px 0;
}

form.checkout_pw_gift_card.woocommerce-form-coupon > .form-row input {
    margin: 0;
}

form.checkout_pw_gift_card.woocommerce-form-coupon > .form-row-first {
    flex-grow: 1;
}

form.checkout_pw_gift_card.woocommerce-form-coupon > .form-row-last {
    flex-basis: 140px !important;
}

form.checkout_coupon.woocommerce-form-coupon,
form.checkout_pw_gift_card.woocommerce-form-coupon {
    padding: 0 0 20px 0 !important;
    width: 40% !important;
}

#pwgc-redeem-error {
    color: #b20000 !important;
}

/* End checkout page */

/* Custom CSS Tablet */
@media (max-width: 849px) {
    .box-image .out-of-stock-label {
        padding: 10px 0 !important;
        top: 10% !important;
        font-size: 0.8em !important;
    }

    /* Checkout page */
    form.checkout_pw_gift_card.woocommerce-form-coupon > .form-row {
        width: 100% !important;
    }

    form.checkout_pw_gift_card.woocommerce-form-coupon > .form-row > * {
        width: 100% !important;
    }

    form.checkout_coupon.woocommerce-form-coupon,
    form.checkout_pw_gift_card.woocommerce-form-coupon {
        width: 100% !important;
    }

    form.checkout_pw_gift_card.woocommerce-form-coupon > .form-row-last {
        flex-basis: auto !important;
    }


    /* Checkout country picker */
    .vamsko-pickup-calculator__container {
        width: 100% !important;
    }

    /* End checkout country picker */
    /* End checkout page */
}

/* Custom CSS Mobile */
@media (max-width: 549px) {
    /* Product card */
    .ux-swatches .ux-swatch {
        font-size: 12px !important;
        margin: 0 4px !important;
    }
    /* End product card */

    /* Main menu */
    .off-canvas .mobile-sidebar-slide {
        overflow: auto;
    }

    .newsletter-subscribe {
        display: none;
    }

    .mfp-container {
        padding: 5px;
    }

    .single-product .product-info .sku-wrapper {
        text-align: center;
    }

    .vamsko-attribute-links {
        text-align: center;
    }

    #mc_embed_signup input.button {
        display: block;
        width: 100%;
    }

    #product-attribute-guide-3 {
        max-width: 100% !important;
    }
}

.is-form, button.is-form, input[type=submit].is-form, input[type=reset].is-form, input[type=button].is-form {
  overflow: hidden;
  position: relative;
  background-color: #f9f9f9 !important;
  text-shadow: 1px 1px 1px #fff;
  color: #666;
  border: 1px solid #ddd;
  text-transform: none;
  font-weight: normal;
}

#mc-embedded-subscribe {
  font-size: 13px !important;
}

#mc_embed_signup input {
  margin-right: 5px;
}
