/*
 * Styles for the native "Load More" products button/spinner.
 * Replaces the BeRocket plugin's css/load_products.css + the inline
 * <style> block it printed in wp_head() for the button hover states.
 */
body {
	overflow-anchor: none !important;
}
.lmp_products_loading,
.lmp_load_more_button {
	width: 100%;
	text-align: center;
	clear: both;
}
.lmp_products_loading .fa {
	width: 56px;
	height: 56px;
	font-size: 28px;
	line-height: 56px;
}
.lmp_products_loading .fa img {
	max-width: 100%;
	max-height: 100%;
}
.lmp_products_loading .lmp_rotate,
.lmp_products_loading .fa.lmp_rotate:before,
.lmp_products_loading .lmp_rotate img {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	-webkit-animation: tt-lmp-spin 2s linear infinite;
	-moz-animation: tt-lmp-spin 2s linear infinite;
	animation: tt-lmp-spin 2s linear infinite;
}
@-moz-keyframes tt-lmp-spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-webkit-keyframes tt-lmp-spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes tt-lmp-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.lmp_load_more_button .lmp_button {
	position: relative;
	display: inline-block;
	text-decoration: none;
	line-height: 1em;
	box-sizing: border-box;
}
.lmp_load_more_button .lmp_button img {
	max-width: 100%;
	max-height: 100%;
}
.berocket_lmp_hidden {
	display: none !important;
}
.berocket_load_more_preload {
	position: fixed;
	opacity: 1;
	top: 150%;
}

/* Button hover / focus states (previously "Custom CSS" in the plugin admin). */
.lmp_load_more_button.br_lmp_button_settings .lmp_button:hover {
	background-color: #282828 !important;
	color: #ffffff !important;
}
.lmp_load_more_button.br_lmp_button_settings .lmp_button:focus,
.lmp_load_more_button.br_lmp_button_settings .lmp_button:active {
	background-color: #ffffff !important;
	color: #282828 !important;
}