@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap');

@import url("custom-css/_partials/header.css");
@import url("custom-css/home-page.css");
@import url("custom-css/product-page.css");
@import url("custom-css/product-list.css");
@import url("custom-css/private-shop-login-page.css");
@import url("custom-css/contact-page.css");
@import url("custom-css/myaccount-page.css");
@import url("custom-css/checkout-page.css");
@import url("custom-css/login-page.css");
@import url("custom-css/register-page.css");
@import url("custom-css/cart-page.css");
@import url("custom-css/access-page.css");
@import url("custom-css/the-brand-page.css");

@import url("custom-css/_partials/product-card.css");
@import url("custom-css/_partials/warnings.css");
@import url("custom-css/_partials/buttons.css");
@import url("custom-css/_partials/one-page-checkout.css");
@import url("custom-css/_partials/footer.css");

:root {
	--theme-color-default: #FF6216;
	--primary-color: #FF6216; /*Orange*/
	--on-hover-primary-color: #FF9A6E; /*Dark orange*/
	--grey-color: #EEEFEF;
	--light-orange: #f4e1cf;
	
	font-family: "Montserrat", sans-serif;
	--font-family-base: "Montserrat", sans-serif;
	--font-family-megamenu: "Montserrat", sans-serif;
	--font-family-slider: "Montserrat", sans-serif;
	--font-family-heading: "Montserrat", sans-serif;
	--font-family-senary: "Montserrat", sans-serif;
	--font-family-septenary: "Montserrat", sans-serif;
}

header.page-header {
	display: none;
}

main {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	
	#wrapper {
		flex: 1;
	}
	
	* {
		font-weight: normal;
	}
}

@keyframes moveBackgroundToLeft {
    0% {
        background-position: 0 0;
	}
    100% {
        background-position: -100% 0;
    }
}

/*Centrar imagen de categoría para que se vean los termos en responsive*/
.headerInfoCategory {
	background-position: center center;
}

/*Se oculta la flecha de desplegable para elemnto "The Brand" en burger menu*/
.offcanvas-mainnav {
	.navbar-nav {
		.caret {
			top: 2.5rem !important;
		}
		.the-brand-icon {
			.caret {
				display: none;
			}
		}
	}
}