/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
	--body-font: 'Lato', sans-serif;
	--title-font: 'Bebas Neue', sans-serif;
	--mp-brand: #e6dc96;
	--mp-pink: #d5027a;
	--mp-offblack: #1b1917;
	--mp-amazon: #FFE8C7;
	/* Fluid Typography using clamp(min, preferred, max) */
	--h1-size: clamp(3rem, 1.75rem + 5vw, 5.61rem);
	--h2-size: clamp(2.5rem, 1.5rem + 3.5vw, 4.209rem);
	--h3-size: clamp(2rem, 1.25rem + 2.5vw, 3.157rem);
	--h4-size: clamp(1.5rem, 1rem + 1.8vw, 2.369rem);
	--h5-size: clamp(1.25rem, 0.875rem + 1.2vw, 1.777rem);
	--h6-size: clamp(1rem, 0.75rem + 0.8vw, 1.333rem);
	--body-size: 1rem;
	--small-size: clamp(0.75rem, 0.5rem + 0.4vw, 0.75rem);
}

*::selection {
	color: var(--mp-offblack);
	background-color: var(--mp-brand);
}

@media (min-width:991px) {
	.container.body-content {
    	margin-top: 8rem;
	}
}


/* STYLING */

h1, h2, h3, h4 {
	font-family: var(--title-font);
}

h5, h6, body {
	font-family: var(--body-font);
}

.color-brand {
	color: var(--mp-brand);
}

.color-pink {
	color: var(--mp-pink);
}

.colo-offblack {
	color: var(--mp-offblack)
}

/* SIZING */

h1 {
  font-size: var(--h1-size);
  line-height: 90%;
}

h2 {
  font-size: var(--h2-size);
  line-height: 100%;
}

h3 { font-size: var(--h3-size); line-height: 100%;}
h4 { font-size: var(--h4-size);}
h5 { font-size: var(--h5-size);}
h6 { font-size: var(--h6-size);}
small { font-size: var(--small-size);}

body {
  font-size: var(--body-size);
  padding: 0;
  margin:0;
}

footer {
	margin-bottom: 0 !important
}

div.main-wrap {
	max-width: min(90%, 1440px);
}

.mw-1440 {
	max-width: 1440px;
}

.mw-1000 {
	max-width: 1000px;
}

.mw-720 {
	max-width: 720px;
}

.spacer1, .spacer2, .spacer3, .spacer4, .spacer5 {
	display: block;
}

.spacer1 {
  	min-height: clamp(0rem, 1vw, 1rem);
}
.spacer2 {
	min-height: clamp(1rem, 2vw, 2rem);
}
.spacer3 {
	min-height: clamp(2rem, 3vw, 3rem);
}
.spacer4 {
	min-height: clamp(3rem, 4vw, 4rem);
}
.spacer5 {
	min-height: clamp(4rem, 5vw, 5rem);
}

/* NAVBAR */

nav.navbar.bg-light.M1.sticky-top {
	padding-left: 4rem;
    padding-right: 4rem;
    padding-top: 2rem;
}

ul.navbar-nav.menu-left.mdl li.nav-item a,
ul.navbar-nav.menu-right.mdr li.nav-item a {
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    padding: .4rem .8rem;
}

ul.navbar-nav.menu-srv.mds li.country, ul.navbar-nav.menu-srv.mds li.contact, ul.navbar-nav.menu-srv.mds li.login, ul.navbar-nav.menu-srv.mds li.search, ul.navbar-nav.menu-srv.mds li.sideCart {
    display: none !important;
}

.navbar a.navbar-brand img {
    height: 64px;
}

.navbar-light .navbar-toggler {
    border-color: var(--mp-brand);
	width: 100%;
	border-radius: 0;
	background-color: var(--mp-brand);
}

nav.navbar.bg-light.M1.sticky-top {
    background: white !important;
	transition: all .4s ease;
}

nav.navbar.bg-light.M1.sticky-top.scrolled a.navbar-brand img {
    height: 48px;
}

nav.navbar.bg-light.M1.sticky-top.scrolled {
    backdrop-filter: blur(4px);
    padding: .5rem 1rem;
}

nav.navbar h3.menu-head,
input#txtSearch,
input#btnSearch,
.menu-top .menutopcart,
.menu-top .menutoplog {
    display: none;
}

nav.M1.sticky-top.scrolled {
    box-shadow: 0px 2px 7px 1px #00000016;
}

.menutoplan {
	text-align: right;
	padding-right: 1rem;
}

nav.navbar.bg-light.M1.sticky-top.scrolled {
    background: #000000E1 !important;
}

nav.navbar.bg-light.M1.sticky-top.scrolled li.nav-item:not(.language) a {
    color: white;
	transition: all .2s ease;
}



nav.navbar.bg-light.M1.sticky-top:not(.scrolled) ul.navbar-nav.mr-auto.menu-left.mdl:hover li.nav-item {
    opacity: .5;
}

nav.navbar.bg-light.M1.sticky-top:not(.scrolled) ul.navbar-nav.mr-auto.menu-left.mdl li.nav-item:hover {
	opacity: 1;
}

nav.navbar.bg-light.M1.sticky-top:not(.scrolled) ul.navbar-nav.mr-auto.menu-left.mdl li.nav-item {
	transition: all .2s ease;
}


ul.navbar-nav.menu-left.mdl, ul.navbar-nav.menu-right.mdr {
    align-items: center;
}

@media only screen and (max-width: 991px) {
    nav.navbar ul.navbar-nav .nav-item a {
        text-transform: uppercase;
        color: black !important;
        text-align: center;
        font-weight: 700;
        letter-spacing: 1px;
        padding-top: 1rem;
        font-size: 1.2rem;
    }
		.row.menu-top,
	nav.navbar.navbar-expand-xl.navbar-light.bg-light {
		border-bottom: 0;
}
	.row.menu-top {
    	padding-left: 0;
	}
}

/* BUTTONS */

.btn-primary, .btn-ghost, .btn-ghostblack {
	transition: all .3s ease;
}

.btn-primary, .btn-ghost, .btn-ghostblack {
	padding: .8rem 2rem;
    text-transform: uppercase;
    font-size: .9rem;
    border-radius: 0;
    opacity: 1;
}

.btn-primary {
    background: var(--mp-brand);
    color: black;
    border: 1px solid black;
}

.btn-primary:hover {
    border: 1px solid var(--mp-brand);
    background: var(--mp-brand);
    color: black;
}

.btn.btn-ghost {
    background: transparent;
    border: 1px solid white;
    color: white;
}

.btn.btn-ghost:hover {
    border-color: var(--mp-brand);
    color: black;
	background: var(--mp-brand);
}


.btn.btn-ghostblack {
    background: transparent;
    border: 1px solid black;
    color: black;
}

.btn.btn-ghostblack:hover {
	background: var(--mp-brand);
    border-color: var(--mp-brand);
    color: black;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus {
    background-color: var(--mp-pink);
}

.btn-primary:focus:hover {
    color: white;
}


.btn-outline-secondary {
    background: var(--mp-pink);
    color: white;
    padding: .8rem 1.5rem;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 600;
    border-radius: 0;
}

a.btn.btn-amazon {
    background: var(--mp-amazon);
    font-size: .8rem;
    padding: 1rem 2rem;
    font-weight: 800;
    letter-spacing: 1px;
	text-transform: uppercase;
}

a.btn.btn-amazon:hover {
    border: 1px solid white;
}

a.btn.btn-link {
    color: var(--mp-pink);
    font-size: .9rem;
    letter-spacing: .05rem;
    border-bottom: 1px solid var(--mp-pink);
    border-radius: 0;
    padding: 0;
    text-decoration: none;
}

a.btn.btn-link::after {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f138";
    padding-left: .3rem;
    vertical-align: middle;
}

a.btn.btn-link.btn-link-external::after {
	    content: "\f1c5";
	    vertical-align: -.03rem;
}

a.btn.btn-link:hover {
    opacity: .7;
}

/* NEWS */

div#cont_news .text h2 {
    margin-top: 1rem;
}


/* CONTACT */

div#main-contact .form-item {
    border: 0;
    border-bottom: 1px solid black;
    border-radius: 0;
}

#MainContent_btn_invia {
    background: var(--mp-brand) !important;
    border: 0;
    border-radius: 0;
    font-weight: bold;
}

div#main-contact .form-item:focus,
div#main-contact .form-item:active {
    border-bottom-width: 2px;
    outline: 0;
}

div.row.contact-info {
    padding: 0;
}

div#contact-form .col-12.prv span label {
    font-size: .9rem;
    margin-left: .2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

/* Inside Pages */

div#main-news {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.text-pretty {
	text-wrap: pretty;
}