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

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


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


}
.social-media {
	display: flex;
	justify-content: center;
}

.social-media a {
	width: 30px;
	margin-left: 5px;
	margin-right: 5px;
}

/* Carme brand palette. */
:root {
	--primary-color: #199191;
	--fs-color-primary: #199191;
	--fs-color-secondary: #138585;
	--fs-color-success: #138585;
	--fs-experimental-link-color: #138585;
	--fs-experimental-link-color-hover: #0f6f6f;
}

a:not(.button),
.primary-color,
.product-title a,
.woocommerce-loop-product__title a,
.price .amount,
span.amount,
.success-color,
.success.is-link,
.success.is-outline,
ul li.bullet-checkmark::before,
ul li.bullet-arrow::before,
ul li.bullet-star::before {
	color: #138585 !important;
}

a:not(.button):hover,
a:not(.button):focus,
.product-title a:hover,
.woocommerce-loop-product__title a:hover {
	color: #0f6f6f !important;
}

.button:not(.white):not(.alert),
button:not(.icon):not(.alert),
input[type='submit'],
input[type='button'],
.single_add_to_cart_button.button.alt,
.checkout-button,
.woocommerce-mini-cart__buttons .button {
	border-color: #138585 !important;
	background-color: #138585 !important;
	color: #fff !important;
}

.button:not(.white):not(.alert):hover,
.button:not(.white):not(.alert):focus,
button:not(.icon):not(.alert):hover,
button:not(.icon):not(.alert):focus,
input[type='submit']:hover,
input[type='submit']:focus,
input[type='button']:hover,
input[type='button']:focus,
.single_add_to_cart_button.button.alt:hover,
.single_add_to_cart_button.button.alt:focus,
.checkout-button:hover,
.checkout-button:focus,
.woocommerce-mini-cart__buttons .button:hover,
.woocommerce-mini-cart__buttons .button:focus {
	border-color: #0f6f6f !important;
	background-color: #0f6f6f !important;
}

.success.is-outline {
	border-color: #138585 !important;
}

.button.twitch,
.button.flickr,
.button.twitch:hover,
.button.flickr:hover {
	border-color: #138585 !important;
	background-color: #138585 !important;
	color: #fff !important;
}

.payment-icons .payment-icon svg {
	fill: #37474f !important;
}

.header-main.nav-dark .header-button a.button {
	border-color: #fff !important;
	background: #fff !important;
	color: #138585 !important;
}

label,
th,
#footer a,
.woocommerce-mini-cart__total,
.total-cart-tax,
.shipping-costs-cart-info {
	color: #37474f;
}

/* Uniform square vehicle imagery in product grids, carousels and galleries. */
.products .box-image,
.product-small .box-image,
.related-products-wrapper .box-image,
.upsells-wrapper .box-image,
.cross-sells .box-image,
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.products .box-image > div,
.product-small .box-image > div,
.related-products-wrapper .box-image > div,
.upsells-wrapper .box-image > div,
.cross-sells .box-image > div,
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a {
	display: block;
	width: 100%;
	height: 100%;
}

.products .box-image img:not(.carme-vehicle-placeholder__logo),
.product-small .box-image img:not(.carme-vehicle-placeholder__logo),
.related-products-wrapper .box-image img:not(.carme-vehicle-placeholder__logo),
.upsells-wrapper .box-image img:not(.carme-vehicle-placeholder__logo),
.cross-sells .box-image img:not(.carme-vehicle-placeholder__logo),
.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img:not(.carme-vehicle-placeholder__logo) {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

.product-thumbnails a {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.product-thumbnails a img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
}

.products .box-image .carme-vehicle-placeholder,
.product-small .box-image .carme-vehicle-placeholder,
.related-products-wrapper .box-image .carme-vehicle-placeholder,
.upsells-wrapper .box-image .carme-vehicle-placeholder,
.cross-sells .box-image .carme-vehicle-placeholder {
	width: 100%;
	height: 100%;
}