/**
 * Description: styles related to Share IT styles.
 * User: Carolina Silva
 * Date: 03/Set/2018
**/

@import url(configs.less);

// Header
.logo-align-center .header-style-4 .header-logo img {
    width: 200px !important;
}
.add-header-height{
    height: 195px !important;
    line-height: 195px !important;
}
.mk-vm-menuwrapper .mk-vm-menu{
    text-align: center;
  //  padding-top: 30px;
    letter-spacing: 5px !important;
}
.add-header-height{
    margin-bottom: 40px !important;
}
.mk-header.sticky-style-fixed .header-logo.logo-has-sticky img{
  //  width: 200px !important;
    height: auto !important;
}

.wpcf7-form .wpcf7-textarea {
    //width: 70.5% !important;
}

@media(min-width: 1156px){
    #mk-boxed-layout{
        margin-left: 269px !important;
    }
}
.mk-header-inner .mk-vm-menu a{
    font-size: 13px !important;
}

.mk-header-inner{
    // overflow: -moz-scrollbars-vertical; 
    // overflow-y: scroll !important;
    overflow: hidden !important;
}

.mk-header {
    border-bottom: none !important;
}
.mk-main-wrapper-holder,
.mk-header-inner{
    .mk-vm-menu a:hover {
        color: @black !important;
        span{
            border-bottom: 3px solid black !important;
        }
    }
    .product_title,
    h1 {
        line-height: 45px !important;
        font-family: 'Abel', sans-serif !important;
        letter-spacing: 10px !important;
        color: @black !important;
        font-size: 30px !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        padding-bottom: 20px !important;
        @media (max-width: 765px) {
            font-size: 20px !important;
            line-height: 34px !important;
            padding-bottom: 0px !important;
        }
    }
    h3 {
        font-family: 'Abel', sans-serif !important;
    }
    .product_title,
    .darktitle{
        color:  @white !important;
        background-color: @black !important;
        justify-content: center !important;
        padding-left: 10px !important;
        display: inline-flex;

        &.visible-sm {
            display: none;
        }
        &.new-arrivel {
            margin-left: 0px !important;
            @media (max-width: 768px) {
                float: right;
            }
        }
        @media (max-width: 768px) {
            & {
                width: fit-content;
            }
        }
    }
    .no-margin {
        margin-bottom: 0px !important;
    }
    .mk-fancy-title.single-line-mobile {
        @media (max-width: 480px) {
            width: 100%;
            padding: 0 !important;
            letter-spacing: 7px !important;
            font-size: 18px !important;
        }
    }
}
div.wpcf7-mail-sent-ok{
    color: black !important;
}
div.wpcf7-validation-errors{
    border: 2px solid #f70000 !important;
    background-color: #ff0000 !important;
    color: #000000 !important;
}
span.wpcf7-not-valid-tip{
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 4px !important;
}
.responsive-searchform .text-input,
.mk-responsive-nav li a{
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
}
@media handheld, only screen and (max-width: 1140px){
    .header-style-4 .mk-header-bg {
        height: 70% !important;
    }
}

.woocommerce-checkout{
    position: static !important;
}
.woocommerce-info{
    border-top-color: #000000 !important;
    &:before{
        color: black !important;
    }
}

// Homepage
.girl{
    left:100px !important;
    z-index: 1 !important;
    vertical-align: bottom !important;
}
.bag{
    top:-100px !important;
    z-index: 99 !important;
}
.aboutbut{
    top:-30px!important;
    padding-left: -30px!important;
}
.full-width-32 .page-section-content {
    padding: 0 0 0 !important;
}
#theme-page{
    //min-height: calc(~'100vh - 204px')!important;
    min-height: calc(~'100vh - 106px')!important;
}
.mk-checkout-steps-number .mk-checkout-step-number{
    padding-top: 4px !important;
}
@media(min-width: 1156px){
    #theme-page .theme-page-wrapper .theme-content{
        padding-top: 90px!important;
    }
}

.mobile-main-item {
    @media (min-width: 766px) {
        display: none;
    }
}

// Titles
.darktitle, #fancy-title-10, #fancy-title-9{
    margin-left: -60px !important;
}
@media(max-width: 1024px){
    .darktitle, #fancy-title-10, #fancy-title-9{
        margin-left: 0 !important;
    }
}
#fancy-title-37 p{
    text-align: left !important;
    z-index: 99 !important;
    width: 500px;
}

// Contacts
#mk-icon-box-11 .mk-box-icon-2-icon{
    display: none !important;
}
.mk-text-block p a{
    color: @white !important;
}
#mk-icon-box-11{
    a:link{
        color: @grey2 !important;
    }
    a:hover{
        color: @white !important;
    }
}
.wpcf7-form-control-wrap{
    input{
        width: 100% !important;
    }
    .wpcf7-textarea {
        width: 100% !important;
    }
}
// Form
.wpcf7-form{
    input, textarea{
     //   width: 71% !important;
        background-color: rgba(0, 0, 0, 0.3)!important;
        height: 60px !important;
        border: none !important;
        text-transform: uppercase !important;
        font-size: 14px !important;
        letter-spacing: 4px !important;
        color: @white !important;
        font-weight: 600 !important;
        &::placeholder {
            color: @white;
        }
    }
    textarea{
        height: 120px !important;
    }
    label{
        vertical-align: baseline !important;
    }
    p {
        margin-bottom: 0 !important;
        color: @white !important;
    }
    .wpcf7-text{
        width: 100% !important;
        //height: auto !important;
    }
    .surname, .name, .contact, .emails{
        margin-bottom: 0 !important;
        width: 48% !important;
        float: left !important;
        margin-right: 1% !important;
    }
    .contact, .emails{
        margin-top: -20px !important;
    }
    .wpcf7-textarea{
        width: 97% !important;
        margin-top: 4px !important;
        height: auto !important;
    }
    .acceptance input{
        height: 15px !important;
        width: 15px !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        vertical-align: center !important;
    }
    .wpcf7-submit{
        background-color: @black !important;
        //background-color: rgba(0, 0, 0, 1) !important;
        height: 60px !important;
     //   width: 20% !important;
        text-align: center !important;
  //      padding: 0 60px 0 60px !important;
    }
    #si-contact-info a,
    label span{
        text-transform: uppercase !important;
        font-size: 12px !important;
        letter-spacing: 4px !important;

        a{
            color: @white !important;
            a:hover{
                text-decoration: underline !important;
            }
        }
    }
    #si-contact-info{
       a{
           color: white !important;
       }
        a:hover {
            color: black;
        }
    }
}

.mk-box-icon-2{
    a{
        color: white !important;
    }
}

// region Customização WPML

.mk-vm-menuwrapper{
    .wpml-ls-first-item{
        width: 50%;
        float: left;
        text-align: right;
        a{
            padding-right: 3px;
        }
    }
    .wpml-ls-last-item{
        width: 50%;
        display: inline-block;
        text-align: left;
        a{
            padding-left: 3px;
        }
    }
    .wpml-ls-current-language{
        a{
            color: #000000 !important;
            .wpml-ls-native{
                border-bottom: 3px solid black !important;
            }
        }
    }
    li {
        margin-bottom: -5px !important;
    }
}

// endregion

@media (min-width: 320px) and (max-width: 767px) {
    #padding-14 {
        height: 0px !important;
    }

    #padding-34 {
        height: 60px !important;
    }

    .mk-custom-box.hover-effect-image {
        //margin-top: 60px !important;
        margin-top: 30px !important;
    }

    .mk-responsive-nav li a {
        font-size: 15px !important;
    }

    .mk-responsive-nav li ul {
        padding-left: 23px !important;
    }

    .darktitle:not(.no-margin) {
        margin-left: -25px !important;
    }

    .wpcf7-form .button {
        width: 34% !important;
    }

    .wpcf7-form .wpcf7-text .wpcf7-textarea {
        width: 100% !important;
    }

    .header-logo {
        a {
            padding-left: 27px !important;
            top: -12px !important;
        }
    }

    .wpcf7-form .name {
        margin-bottom: -15px !important;
    }

    .wpcf7-form .message {

        margin-top: -23px !important;
    }

    .si-resp {
        position: relative !important;
        top: -49px !important;
    }

    .si-sn {
        left: -9px !important;
        position: relative !important;
        top: -5px !important;
    }

    #fancy-title-14 {
        left: 26px !important;
        position: relative !important;
    }

    .your-name {
        input {
            font-size: 9px !important;
        }
    }

    .your-email {
        input {
            font-size: 9px !important;
        }
    }

    .your-contact{
        input{
            font-size: 9px !important;
        }
    }

    .your-surname{
        input{
            font-size: 9px !important;
        }
    }
    .wpcf7-form textarea {
        font-size: 9px !important;
        margin-top: -1px !important;
    }

    .widget_social_networks .align-left {
        text-align: center !important;
    }

    .woocommerce-Price-amount {
        font-size: 15px !important;
    }

    .product-template-default {
        .product {
            .social-share {
                ul {
                    display: none !important;
                }
            }
        }
    }

    header {
        .mk-header-content {
            margin-bottom: 0 !important;
            .header-logo {
                a {
                    padding: 0 !important;
                    .mk-resposnive-logo {
                        //width: 100% !important;
                        left: 0 !important;
                        //width: 50% !important;
                        //left: 50% !important;
                        //transform: translateX(-50%) !important;


                        @media only screen
                        and (min-device-width : 414px)
                        and (max-device-width : 736px) {
                            &{
                                margin-top: -15px;

                            }
                        }
                    }
                }
            }
            .mk-nav-responsive-link {
                z-index: 40;
            }
        }
    }


    .mk-nav-responsive-link {
        .mk-css-icon-menu{
            width: 22px !important;
            div {
                height: 4px !important;
                margin-bottom: 2px;
            }
        }
        &.is-active {
            .mk-css-icon-menu {
                div {
                    &.mk-css-icon-menu-line-1 {
                        top: 6px;
                    }
                }
            }
        }
    }
    .woocommerce-cart .cart_totals .shop_table tr.shipping td{
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 0 !important ;
        border-bottom-left-radius: 0 !important;
    }
    .woocommerce-cart .cart_totals .shop_table tr.shipping td{
        border: none !important;
    }
    .mk-checkout-steps-number .mk-checkout-step .mk-checkout-step-text{
        font-size: 15px !important;
    }
    .product-remove{
        a{
            float: right !important;
        }
    }
    .woocommerce-order-received ul.order_details li strong{
        margin-top: 5px !important;
    }
    .woocommerce-page .col2-set .col-1{
        margin-bottom: 40px !important;
    }
    .woocommerce-checkout .woocommerce strong, .woocommerce-order-received .woocommerce strong{
        color: #fff !important;
       // font-size: 12px !important;
    }
}

// Burger Menu
@media (min-width: 320px) and (max-width: 1024px) {
    .menu-main-menu-container,
    .menu-main-menu-pt-container {
        background-color: black !important;
        .mk-responsive-nav {
            li {
                a {
                    color: #ffffff !important;
                }
                span {
                    .mk-svg-icon {
                        fill: @white !important;
                    }
                }

                &:nth-of-type(3) {
                    clear: both;
                }

                &.wpml-ls-item {
                    width: 50%;
                    background-color: @white;
                    a {
                        color: @black !important;
                    }
                    &.wpml-ls-first-item {
                        float: left;
                        a {
                            text-align: right;
                        }
                    }
                    &.wpml-ls-last-item {
                        float: right;
                        a {
                            text-align: left;
                        }
                    }
                }
            }
        }
        ul.sub-menu {
            li > a {
                padding-left: 40px;
            }
        }
    }
}
.product-template-default{
    .product{
        .social-share{
            ul {
                display: none !important;
            }
        }
    }
}
.woocommerce-cart{
    .woocommerce{
        .cart-empty{
            text-align: center !important;
        }
        .return-to-shop{
            text-align: center !important;
        }
    }
}
.si-sn{
    ul{
        display: flex !important;
        flex-wrap: wrap !important;
        position: relative !important;
        left: -10px !important;
        li{
            &:nth-of-type(2){
                order: 1 !important;
            }
            a{
                .mk-svg-icon{
                    height: 20px !important;
                    width: 20px !important;
                }
            }
        }
        @media (max-width: 765px) {
            left: initial !important;
        }
    }
}
.col-space{
    top: -145px;

    @media (min-width: 1281px) and (max-width: 1444px) {
        top: -295px;
    }
    @media (min-width: 1225px) and (max-width: 1280px) {
        top: -400px;
    }
    @media (min-width: 320px) and (max-width: 767px){
        top: 0 !important;
    }
}
.Safari-11,
.Safari-8 {
    .col-space {
        @media (min-device-width : 768px) and (max-device-width : 1024px) {
            top: -340px;
        }

        @media (min-width: 1024px) and (max-height: 1366px){
            top: -170px;
        }
        @media (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape){
            top: -340px;
        }
        @media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
            top: -170px;
        }
    }
}
.col-space-2{
    top: -80px;
    @media (min-width: 320px) and (max-width: 767px){
        top: 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 1991px) {
    .header-logo{
        top: 13px !important;
        //margin: 30px 0 !important;
    }
    .mk-nav-responsive-link {
        margin-top: 10px !important;
    }
}
//Footer
#mk-footer{
    p{
        color: @grey2 !important;
        a{
            color: @grey2 !important;
        }
        a:hover{
            //color: @white !important;
            text-decoration: underline !important;
        }
    }
    .widget {
        margin-bottom: 0 !important;
    }
    .widget_social_networks{
        display: none !important;
    }
}
blockquote, code, dl, fieldset, ol, p, pre, table, ul {
    margin-bottom: 0 !important;
}

// Woocommerce
.vertical-header-left #mk-theme-container:not(.trans-header) {
    padding-left: 0 !important;
}
.woocommerce ul.products li.product a img {
    width: 100%;
    height: 100% !important;
}
.woocommerce div.product form.cart .button,
#mk-page-introduce {
    //display: none;
}



div.add-cart-responsive-state{
    display: block;

    @media(min-width: 1141px){
        a.mk-shoping-cart-link{
            position: fixed;
            top: 90px;
            right: 30px;
            bottom: unset;
        }
    }
}

.shopping-cart-header{
    display: none !important;
}

#theme-page .theme-page-wrapper .theme-content{
    padding: 10% 10% 0 10%!important;
}

// Product Detail
.single-product div.product .product_meta>span.posted_in a,
.master-holder h2,
.single-product div.product .woocommerce-product-details__short-description p,
.single-product div.product .product_meta>span.posted_in,
.mk-customizer ul.products li.product .woocommerce-loop-product__title{
    color: @white !important;
}
.woocommerce div.product .woocommerce-product-details__short-description p, .woocommerce-page div.product .woocommerce-product-details__short-description p{
    font-weight: lighter !important;
}

.mk-customizer ul.products li.product .woocommerce-loop-product__title{
    text-align: center !important;
    letter-spacing: 5px !important;
}
.woocommerce ul.products li.product a img {
    shadow: 10px @black !important;
}
.woocommerce-page div.product section.products > h2 {
    font-weight: 300 !important;
    line-height: 45px !important;
    font-family: 'Abel', sans-serif !important;
    letter-spacing: 10px !important;
    font-size: 20px !important;
    text-transform: uppercase !important;
    color:  @white !important;
    background-color: @black !important;
    justify-content: center !important;
    padding-left: 10px !important;
    margin-top: 90px!important;
    padding-bottom: 10px;
    text-align: right !important;
    margin-left: -60px !important;
    display: inline-flex;/*
    @media (min-width: 766px) {
        display: inline-flex !important;
    }*/
    @media (max-width: 765px) {
        line-height: 33px !important;
        letter-spacing: 8px !important;
        font-size: 13px !important;
    }
}
@media(max-width: 1024px){
    .woocommerce-page div.product section.products > h2{
        margin-left: 0 !important;
    }
}

.single-product {
    div.product {
        @media (max-width: 765px) {
            .woocommerce-product-gallery {
                margin-top: 70px;
            }
            .product_title {
                position: absolute;
                top: -70px;
            }
        }
    }
}

//DNA
.mk-image.align-center .mk-image-inner img{
    opacity: 0.9 !important;
}

// Product Detail Shop
.woocommerce-info a:hover{
    color: @grey4 !important;
}
.woocommerce-page.single-product .product .summary .price > .amount{
    color: #a09d9d  !important;
    font-size: 25px !important;
    padding-top: 15px !important;
}
.single-product div.product form.cart div.quantity .mk-quantity-label{
    color: @white !important;
    font-size: 13px !important;
    margin-top: 6px !important;
    margin-right: 6px !important;
}
.single-product div.product form.cart div.quantity input.qty {
    background-color: rgba(105, 103, 104, 0.22) !important;
    border-color: @grey1 !important;
}
.quantity-button {
    background-color: rgba(105, 103, 104, 0.22) !important;
    &:hover {
        background-color: @white !important;
    }
}

.single-product div.product form.cart div.quantity input.qty, .single-product div.product form.cart div.quantity .quantity-button {
    border-color: rgba(105, 103, 104, 0.22) rgba(105, 103, 104, 0.22) !important;
}
.single-product .product .social-share .share-by:hover svg {
    fill: @white !important;
}
.single-product .product .social-share svg {
    fill: @grey2 !important;
    opacity: 0.5 !important;
}
#mk-page-introduce{
    .page-title{
        display: none;
    }
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    text-align: center !important;
}
.mk-customizer ul.products li.product .price > .amount{
    font-size: 16px !important;
    color: @grey3 !important;
}
.woocommerce .mk-woocommerce-shop-loop__title,
.woocommerce-page .mk-woocommerce-shop-loop__title,
.woocommerce .woocommerce-ordering{
    //display: none !important;
}

.woocommerce-page{
    .mk-product-quantity{
        overflow: hidden !important;
    }
}
// Buttons
.mk-button-container {
    @media (max-width: 765px) {
        text-align: right !important;
    }
}
.mk-button--text{
    letter-spacing: 5px !important;
}
.woocommerce-page a.button.mk-wc-backword{
     border-color: @white !important;
     border-radius: 0 !important;
     text-transform: uppercase !important;
     letter-spacing: 5px !important;
     font-size: 14px !important;
     color: @white !important;
     margin-bottom: 15px !important;
    @media (min-width: 320px) and (max-width: 767px){
        font-size: 12px !important;
        letter-spacing: 2px !important;
    }
}
.woocommerce-cart #mk-checkout-button#mk-checkout-button,
.woocommerce-checkout .woocommerce-checkout #payment #place_order,
.woocommerce .cart .button, .woocommerce .cart input.button,
.woocommerce-checkout input.button:disabled, .woocommerce-checkout input.button:disabled[disabled],
.woocommerce .cart .coupon button,
.woocommerce div.product form.cart .button{
    padding: 12px !important;
    font-size: 12px !important;
    color: @white !important;
    background-color: #696767d4 !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 5px !important;
    padding: 5px 0 5px 5 !important;
}
.woocommerce-cart #mk-checkout-button#mk-checkout-button,
.woocommerce-checkout .woocommerce-checkout #payment #place_order,
.woocommerce .cart .button, .woocommerce .cart input.button,
.woocommerce-checkout input.button:disabled, .woocommerce-checkout input.button:disabled[disabled],
.woocommerce .cart .coupon button,
.woocommerce div.product form.cart .button:hover{
    background-color: @black !important;
    color: @white !important;
    fill: @black !important;
    padding: 5px 0 5px 5 !important;
}
button.button svg{
    display: none !important;
}
.single-product div.product .single_add_to_cart_button:hover {
    fill: @white !important;
}
#mk-checkout-button:hover,
.woocommerce .cart .coupon button.button:hover,
.woocommerce-checkout .woocommerce-checkout #payment #place_order:hover,
.woocommerce-cart #mk-checkout-button#mk-checkout-button:hover,
.woocommerce-page a.button.mk-wc-backword:hover{
     border-color: @white !important;
     background-color: @white !important;
     color: @black !important;
}

// Shop
.hb-custom-header #mk-page-introduce, .mk-header {
    background-color: @black !important;
}

// Woocommerce message
.woocommerce-message {
    color: @white !important;
    background-color: @black !important;
}
.woocommerce-page .woocommerce-message .button:hover {
    color: @white !important;
}

.mk-button--dimension-outline.skin-dark{
    border-color: #252525 !important;
    color: white !important;
    background-color: #252525 !important;
    &:hover{
        background-color: white !important;
        color: #252525 !important;
    }
}

//Minicart
.add-cart-responsive-state .mk-header-cart-count{
    background-color: @black !important;
}

// Titles
.master-holder h2, .master-holder h4{
    color: @white !important;
}

//Shopping cart and Checkout
.mk-checkout-steps-number .mk-checkout-step-active .mk-checkout-step-number {
    background-color: @black !important;
}
.woocommerce-checkout .woocommerce h2 .mk-wc-subtitle {
    color: @white !important;
    padding-top: 20px !important;
}
.woocommerce-checkout table.shop_table thead th{
    color: @grey3 !important;
}
.woocommerce-order-received ul.order_details li strong,
.woocommerce-order-received ul.order_details li,
p a,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal,
.woocommerce-privacy-policy-text a,
.woocommerce form .form-row label a,
.woocommerce-cart table.shop_table thead th,
.woocommerce-page .cart_totals .shop_table tr.shipping th,
.order-total td span,
.woocommerce table.shop_table tbody:first-child tr:first-child th,
.woocommerce-shipping-calculator p a,
body.woocommerce-checkout .woocommerce .form-row label:not(.woocommerce-form__label-for-checkbox),
.product-name a {
    color: @grey2 !important;
}
.product-name a:hover {
    color: @white !important;
}
.woocommerce .woocommerce-customer-details address,
.woocommerce-cart table.shop_table td, .woocommerce-checkout table.shop_table td,
.woocommerce-order-received table.shop_table td {
    border-color: @grey4 !important;
}
.woocommerce-cart table.shop_table img, .woocommerce-checkout table.shop_table img,
.woocommerce-order-received table.shop_table img {
    border: none !important;
}
.mk-checkout-steps-number .mk-checkout-step {
    @media (min-width: 320px) and (max-width: 770px){
        margin: 0 0 !important;
        display: flex !important;
        padding-top: 10px !important;
    }
}
.woocommerce-cart .woocommerce h2:not(.woocommerce-loop-product__title),
.woocommerce-checkout .woocommerce h2:not(.woocommerce-loop-product__title){
    border-bottom: 1px solid @white !important;
}
.mk-checkout-step:not(.mk-checkout-step-active) .mk-checkout-step-number{
    background-color: @grey3 !important;
}
.woocommerce-page .cart_totals .shop_table tr.shipping td,
.woocommerce-page .cart_totals .shop_table tr.shipping th,
.woocommerce-page table.woocommerce-checkout-review-order-table,
.woocommerce-page .woocommerce-checkout #payment div.payment_box{
    border-color: @black !important;
    background-color: rgba(0, 0, 0, 0.35) !important;
}

.woocommerce {
    .woocommerce-checkout {
        #customer_details {
            &.col2-set {
                position: unset;
            }
        }
    }
}

.woocommerce-checkout .full-layout #customer_details .col-2 {
    //max-width: 200px !important;
    width: 26% !important;
    margin-top: 100px !important;
    top: 141px !important;
    right: 311px !important;

    @media (max-width: 765px) {
        margin-top: 0 !important;
        width: 100% !important;
    }
    @media (min-width: 768px) and (max-width: 1991px) {
        right: 107px !important;
    }
}

.woocommerce-order-received table.order_details tbody tr td{
    border-bottom: 1px solid #ffffff !important;
}
.woocommerce .woocommerce-customer-details address{
    border: none !important;
}
.woocommerce-page a.button{
    background-color: black !important;
}

.woocommerce-pagination {

    margin: 0 !important;
    padding: 0 !important;
    .page-numbers {
        span, a {
            color: @white !important;
            &:hover {
                border: 1px solid @white !important;
            }

            @media (max-width: 765px) {
                &{
                    padding: 8px !important;
                    margin: 0 5px !important;
                    line-height: 12px !important;
                }
            }
        }
        &.current {
            border: 1px solid @white !important;
        }

    }
}
.woocommerce-ordering {
    select {
        color: @white !important;
        font-size: 15px !important;
        background-color: rgba(105, 103, 104, 0.22) !important;
        border: none !important;
        option:hover {
            background: @black !important;
        }
    }
}
.woocommerce-result-count {
    color: @white !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mk-breadcrumbs-inner {
    span, a {
        color: @white !important;
    }

}
.mk-checkout-steps {
    @media (max-width: 735px) {
        & {
            text-align: left !important;
        }
    }
}
.checkout_coupon {
    button {
        background-color: rgba(0, 0, 0, 0.3) !important;
    }
}

@media (min-width: 320px) and (max-width: 767px){
    .woocommerce-checkout .woocommerce-checkout #payment #place_order {
        font-size: 12px !important;
        letter-spacing: 2px !important;
    }
}

.mk-checkout-step {
    @media (min-width: 768px) and (max-width: 1991px) {
        & {
            margin: 0 22px !important;

            .mk-checkout-step-text {
                font-size: 14px !important;
            }
        }
    }
}

.coupon {
    input {
        @media (min-width: 769px) {
            width: 113px !important;
        }
    }
}

.mk-wc-backword {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}
// HACK TO HIDE THE RECAPTCHA BADGE FROM GOOGLE
.grecaptcha-badge {
    display: none !important;
}
.google-recaptcha {
    font-size: 9px;
    a {
        color: @white !important;
        &:hover {
            text-decoration: underline;
        }
    }
}

// remove Coupon label
.mk-coupon-title {
    display: none;
}
.mk-nav-arrow {
    width: 80% !important;
    svg {
        float: right;
        margin: 15px;
        margin-right: 28px;
    }
}

.addthis_inline_share_toolbox {
    position: absolute;
    z-index: 999;
    margin-top: 75px;
}

//Tube-photoshoot
//inverse-row-mobile

@media (max-width: 768px) {
    #order-row{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse !important;

        .order-row{
            padding-bottom: 20px;
        }

    }
}