/*
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.   ***************/
.logo-left .logo { margin-right: 130px; }
.is-small { font-size: 1em; }
.searchform-wrapper { width: 300px; }

/*
.addToCartButton {
    background-color: #B8E21E;
    color: white;
}
*/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .logo-left .logo { margin-right: 30px; }
    .searchform-wrapper { width: 100%; }
}

/* 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 Page ================================================
============================================================= */

.page-wrapper.my-account .large-3.col.col-border,
.msma-block.msma-progress-orders-block.type-b .title {
	display: none;
}

.msma-block {
	margin-bottom: 80px;
}

.msma-block.msma-navigation-block.type-b {
	margin-top: 30px;
}

@media screen and (max-width: 787px) {
	.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;
	}
}