/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/* edit */
/* cart */
.msbn-cb input[type=checkbox]+label,
.msbn-all input[type=checkbox]+label,
.msbn-cb input[type=checkbox]+label:before,
.woocommerce-cart a.remove {
    width: 18px !important;
    height: 18px !important;
    line-height: 13px !important;
}

div.woocommerce-MyAccount-content .woocommerce-address-fields div p:last-child,
form.woocommerce-checkout div p:last-child {
    margin-right: 0 !important;
}
input[type=button].ms-open-popup-link {
    padding: 0px 14px;
}

/* members-s2 */
@media (max-width: 767px) {
    .mfs_form form.ui.form .two.fields div.field {
        width: calc(50% - 8px) !important;
    }

    .mfs_form form.ui.form .two.fields .field:first-child {
        margin-right: 16px;
    }

    .mfs_form form.ui.form[data-type="login"] .two.fields .right.field {
        width: 65% !important;
    }

    .mfs_form form.ui.form[data-type="login"] .two.fields .field:not(.right) {
        width: calc(35% - 16px) !important;
    }
}

/* myaccount */
a.woocommerce-button.button.msex {
    color: #222;
    background-color: #fff;
    border: 1px solid var(--primary-color);
}

a.woocommerce-button.button.msex:before {
    content: "🚚 ";
}

@media (max-width: 767px) {
	a.woocommerce-button.button.msex {
    padding: 0 5px;
	}
}

@media (max-width: 360px) {
	a.woocommerce-button.button.msex {
    padding: 0 2px;
	}
}

/* CodeM My Account */
@media screen and (max-width: 767px) {
	.msma-block.msma-navigation-block.type-a .msma-myaccount-navigation ul li {
		margin: 0;
	}
}

@media screen and (max-width: 480px) {
	.msma-block.msma-user-info-block .user-info > div.group:nth-child(n+2) {
		width: calc(100% / 3) !important;
	}
	.msma-block.msma-recent-orders-block.type-c .content.content-list .content-item .order-info {
		align-items: center;
	}
	.msma-block.msma-recent-orders-block.type-c .content.content-list .content-item .order-info .item-image img {
		height: auto !important;
	}
}