body.Info-Inviti:not(.CMS) div#Content div.Grafica div.Image:hover {
  cursor: pointer;
}
body.Info-Inviti:not(.CMS) div#Content div.Grafica div.Image:hover::before {
  content: " ";
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}
body.Info-Inviti:not(.CMS) div#Content div.Grafica div.Image:hover::after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00e";
  transform: translate(-50%, -50%);
  color: rgba(0, 0, 0, 0.7);
  position: absolute;
  font-size: 44px;
  left: 50%;
  top: 50%;
}

body.Info-Inviti.CMS div#Content div.Grafiche div.Grafica {
  margin-top: 20px;
  position: relative;
}
body.Info-Inviti.CMS div#Content div.Grafiche div.Grafica div.ActionBar {
  right: 0;
  bottom: 100%;
  font-size: 12px;
  margin-bottom: 5px;
  position: absolute;
}
body.Info-Inviti.CMS div#Content div.Grafiche div.Grafica div.ActionBar a {
  color: var(--cms-color-regular);
}
body.Info-Inviti.CMS div#Content div.Grafiche div.Grafica div.ActionBar a:hover {
  color: var(--cms-color-dark);
}

body.Info-Inviti div#Content div.Grafiche {
  font-size: 0;
  margin-left: -20px;
  margin-bottom: -20px;
  display: flex;
  flex-wrap: wrap;
}
body.Info-Inviti div#Content div.Grafiche div.Grafica {
  margin-left: 20px;
  margin-bottom: 20px;
  perspective: 1000px;
  display: inline-block;
  flex-basis: 100%;
  padding: 10px;
  border: 1px solid #999;
}
@media only screen and (min-width: 510px) {
  body.Info-Inviti div#Content div.Grafiche div.Grafica {
    flex-basis: calc(50% - 20px);
    max-width: calc(50% - 20px);
  }
}
@media only screen and (min-width: 765px) {
  body.Info-Inviti div#Content div.Grafiche div.Grafica {
    flex-basis: calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
  }
}
@media only screen and (min-width: 1020px) {
  body.Info-Inviti div#Content div.Grafiche div.Grafica {
    flex-basis: calc(25% - 20px);
    max-width: calc(25% - 20px);
  }
}
body.Info-Inviti div#Content div.Grafiche div.Grafica .Image {
  margin-bottom: 10px;
  position: relative;
  display: block;
}
body.Info-Inviti div#Content div.Grafiche div.Grafica .Image div[data-cms][data-cms-inline] {
  display: block;
}
body.Info-Inviti div#Content div.Grafiche div.Grafica .Image img {
  width: 100%;
}
body.Info-Inviti div#Content div.Grafiche div.Grafica .Info {
  position: relative;
  align-items: center;
  display: flex;
  height: 50px;
  flex-grow: 1;
  padding: 0 15px;
  font-size: 17px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  background-color: #ccc;
  color: #666;
}
body.Info-Inviti div#Content div.Grafiche div.Grafica .Info div.CheckBox {
  position: absolute;
  align-items: center;
  font-size: 17px;
  display: flex;
  left: 15px;
  right: 0;
  top: 0;
  bottom: 0;
}
body.Info-Inviti div#Content div.Grafiche div.Grafica .Info div.CheckBox input {
  margin-right: 10px;
  height: 24px;
  width: 24px;
}
body.Info-Inviti div#Content div.Grafiche div.Grafica .Info div.CheckBox .Label {
  color: #666;
  margin-top: 2px;
}
body.Info-Inviti div#Content div.Grafiche.Grafiche--Single div.Grafica div.CheckBox input {
  display: none;
}
body.Info-Inviti div#Content div.ButtonsBar {
  padding: 20px 0;
  margin-right: -20px;
  display: flex;
  margin: 20px 0;
  flex: 0 1 auto;
  flex-flow: wrap;
  padding-top: 20px;
  padding-left: 20px;
  position: relative;
  justify-content: center;
}
body.Info-Inviti div#Content div.ButtonsBar::before, body.Info-Inviti div#Content div.ButtonsBar::after {
  content: " ";
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  flex-basis: 100%;
  position: absolute;
  background-color: #999;
}
body.Info-Inviti div#Content div.ButtonsBar::before {
  top: 0;
}
body.Info-Inviti div#Content div.ButtonsBar::after {
  margin-top: 10px;
  bottom: 0;
}
body.Info-Inviti div#Content div.ButtonsBar > div[data-cms] {
  margin-right: 20px;
  min-width: 20px;
}
@media only screen and (max-width: 759px) {
  body.Info-Inviti div#Content div.ButtonsBar {
    padding-left: unset;
    flex-flow: nowrap;
  }
  body.Info-Inviti div#Content div.ButtonsBar > * {
    flex: 1 1 100%;
  }
  body.Info-Inviti div#Content div.ButtonsBar a.Button {
    text-align: center;
    margin-right: 3px;
    border-radius: 0;
  }
  body.Info-Inviti div#Content div.ButtonsBar a.Button:not(.Shop) {
    padding-right: 20px;
  }
  body.Info-Inviti div#Content div.ButtonsBar a.Button:not(.Shop)::after {
    display: none;
  }
  body.Info-Inviti div#Content div.ButtonsBar a.Button:not(.Shop) i {
    margin: 0;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Progetti/Lux/Lux/Content/Theme/Inviti.scss%22,%22file:///C:/Progetti/Lux/Lux/Content/Theme/_Library.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAIQ;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EC0FR;EACA;EACA;EACA;EACA;EACA;EACA;ED9FY;EACA;EACA;EACA;EACA;EACA;;;AAQR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;;;AASpB;EACI;EACA;EACA;EACA;EACA;;AAKA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EATJ;IAUQ;IACA;;;AAGJ;EAdJ;IAeQ;IACA;;;AAGJ;EAnBJ;IAoBQ;IACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC5GE;ED6GF,OC3GC;;AD6GD;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI,OC9HP;ED+HO;;AAQR;EACI;;AAMhB;EACI;EACA;EAsBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA3BA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBC3JC;;AD8JL;EACI;;AAGJ;EACI;EACA;;AAYJ;EACI;EACA;;AAGJ;EAtCJ;IAuCQ;IACA;;EAEA;IACI;;EAGJ;IACI;IACA;IACA;;EAEA;IACI;;EAEA;IACI;;EAGJ;IACI%22%7D */