@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;700&display=swap');

font, span, p, h1, h2, h3, h4, h5, h6, h7, div {
    font-family: 'Maven Pro', sans-serif !important;
}

h1 {
color: #009FDA!important;
}

.material-icons {
	font-family: 'Material Icons'!important;
}

.navbar-brand > img {
	width: 200px;
    height: 77px;
}

.page-main__home ul > li::before,
.page-list > ul > li::before {
  position: absolute;
  top: .5rem;
  left: -2rem;
  content: '';
  display: inline-block;
  height: 15px;
  width: 15px;
  background-image: url('https://optimyapp-css.s3.eu-central-1.amazonaws.com/ybkkxkw0aos1/optimy/bullet-favicon1.png'); 
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.page-main__home::before,
.page-main__login::before,
.page-main__lost-password::before,
.page-main__cookies::before,
.page-main__faq::before {
  position: absolute;
  top: -5rem;
  right: -10rem;
  display: block;
  width: 24rem;
  height: 24rem;
  max-width: 1440px;
  content: '';
  background-image: unset; /*url('https://optimyapp-css-nsp.s3.amazonaws.com/uufv3pah3ecy/optimy/logo_bg30.png')*/ 
  background-position: center;
  background-size: contain;
	background-repeat: no-repeat;
}

.btn, .btn-primary {
  padding-top: 14px!important;
  padding-bottom: 14px!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  border-radius: 2em!important;
  font-size: 20px !important;
  background: #009FDA !important;
  color: #fff!important;
  font-weight: 400!important;
  text-transform: uppercase!important;
	box-shadow: unset!important;
	width:auto!important;
}

.page-header {
  box-shadow: unset !important;
  background: #f5f5f5 !important;
}

#navbar-menu {
  background: transparent !important;
}

.modal-body > footer {
	background: transparent !important;
}
footer {
	background: #0B4C68 !important;
}

.page-navigation__language-menu > .btn:after {
    color: #fff!important;
}

#logo::before {
    content: "stili2"; /* Testo visibile */
    display: block; /* Se vuoi che sia su una nuova riga */
    color: red; /* Cambia colore del testo */
    font-size: 14px; /* Dimensione del testo */
    margin-top: 5px; /* Spazio sopra */
}

#logo {
  display:block;
}

@media all and (max-width :1024px) {
#navbar-menu {
  background: #f5f5f5 !important;
}

.navbar-brand > img {
  width: 130px;
  height: auto;
}

.btn, .btn-primary {
  padding-top: 8px!important;
  padding-bottom: 8px!important;
  padding-left: 14px!important;
  padding-right: 14px!important;
  border-radius: 2em!important;
  font-size: 15px !important;
}
}


@media all and (max-width :480px) {

.navbar-brand > img {
  width: 110px;
  height: auto;
}

.btn, .btn-primary {
  padding-top: 6px!important;
  padding-bottom: 6px!important;
  padding-left: 10px!important;
  padding-right: 10px!important;
  font-size: 14px !important;
}
}