/*
mettere qui eventuali @font-face
*/
:root {
  --bianco: #ffffff;
  --nero: #000000;
}
/*
* File per css che dovrebbe essere comune tra questo e un eventuale file css di pagina/sezione (da includere in entrambi)
*/
.cms-page-view.width1200 .page-main-full-width > .columns .column.main .container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 576px) {
  .cms-page-view.width1200 .page-main-full-width > .columns .column.main .container {
    max-width: 540px !important;
  }
}
@media (min-width: 768px) {
  .cms-page-view.width1200 .page-main-full-width > .columns .column.main .container {
    max-width: 720px !important;
  }
}
@media (min-width: 992px) {
  .cms-page-view.width1200 .page-main-full-width > .columns .column.main .container {
    max-width: 960px !important;
  }
}
@media (min-width: 1200px) {
  .cms-page-view.width1200 .page-main-full-width > .columns .column.main .container {
    max-width: 1200px !important;
  }
}
html,
body {
  overflow-x: hidden;
}
#social-login-popup .social-login-title .forgot-pass-title {
  margin: 0;
  color: #222222;
  font-weight: 400;
  line-height: inherit;
  font-size: 2.6rem;
}
.block-customer-login .form-login .field.password .input-text,
.block-customer-login .form-login .form-group.password .input-text {
  padding-right: calc(1.0625rem + 7.459375rem);
}
.block-customer-login .form-login .field.password .remind,
.block-customer-login .form-login .form-group.password .remind {
  z-index: 2;
}
.page-header .header-area.search-icon-left .block.block-search {
  position: relative;
}
.page-header .header-area.search-icon-left .block.block-search .block-title {
  display: block;
  cursor: pointer;
  color: #222222;
}
.page-header .header-area.search-icon-left .block.block-search .block-title:hover,
.page-header .header-area.search-icon-left .block.block-search .block-title:hover:before {
  color: #f68872 !important;
}
.page-header .header-area.search-icon-left .block.block-search .block-title strong {
  display: none;
}
@media (max-width: 767px) {
  .page-header .header-area.search-icon-left .block.block-search .block-content {
    right: 4rem !important;
  }
}
.page-header .header-area.search-icon-left .block.block-search.active .block-title:before {
  content: "\e935";
  font-size: 1rem;
  color: #999;
}
.mgs-lookbook-container .pin__image {
  display: flex;
  position: relative;
  min-height: 20.625rem;
}
.mgs-lookbook-container .pin__image * {
  width: 100%;
}
.mgs-lookbook-container .pin__image .lookbook-image {
  object-fit: cover;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: none;
  min-width: 100%;
  min-height: 100%;
}
body:not(.cms-index-index) header.page-header .header-area.active-sticky:not(.start-stk) {
  background-color: #ffffff;
}
header.page-header .header-area .logo,
header.page-header .header-area.active-sticky.start-stk .logo {
  min-height: auto !important;
}
header.page-header .header-area .logo {
  width: 4.5rem;
}
header.page-header .header-area .logo img {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  header.page-header .header-area .logo img {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  header.page-header .header-area .logo img {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  footer.page-footer .bottom-footer .bottom-footer-copyright .copyright {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  footer.page-footer .bottom-footer .bottom-footer-link {
    padding-right: 3rem;
  }
}