@media only screen and (max-width: 759px) {
  body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a {
    width: 100%;
  }
  body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a img {
    width: 100%;
  }
}
@media only screen and (min-width: 760px) {
  body.Home:not(.CMS) #Content div.InfoBanners div.Wrap {
    display: flex;
    flex-wrap: wrap;
  }
  body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a {
    width: calc(50% - 15px);
    overflow: hidden;
  }
  body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a:first-child {
    margin-right: 30px;
  }
  body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a:nth-child(2n+3) {
    margin-right: 30px;
    margin-top: 30px;
  }
  body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a:nth-child(2n+4) {
    margin-top: 30px;
  }
}
body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a {
  display: inline-block;
  text-decoration: unset !important;
  color: white !important;
  margin-bottom: 10px !important;
}
body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a h3 {
  position: relative;
  padding: 20px 20px 0 20px;
  margin: -2px 0 0 0 !important;
  color: inherit !important;
  width: 100%;
  font-size: 28px !important;
}
body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a p {
  padding: 5px 20px 20px 20px;
  margin-top: 0 !important;
  font-size: 16px !important;
  color: inherit;
  width: 100%;
}
body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a img {
  margin-bottom: 0 !important;
}
body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a div.Content {
  overflow: hidden;
  border-top: 2px solid white;
  background-color: var(--color-head, #003851);
}
@media only screen and (min-width: 760px) {
  body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a div.Content {
    height: 156px;
  }
}
@media only screen and (max-width: 759px) {
  body.Home:not(.CMS) #Content div.InfoBanners div.Wrap a div.Content {
    height: auto !important;
  }
}
body.Home:not(.CMS) #Content div.InfoBanners div.Wrap .Image {
  overflow: hidden;
}
body.Home:not(.CMS) #Content div.InfoBanners div.Wrap .Image img {
  display: block;
  transition: transform 200ms linear;
}
body.Home:not(.CMS) #Content div.InfoBanners div.Wrap .Image img:hover {
  transform: scale(1.2);
}

div.BannerCollection {
  --grid-num-columns: 3;
  --column-gap: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--column-gap);
}
@media only screen and (min-width: 760px) {
  div.BannerCollection[columns="1"] {
    --grid-num-columns: 1;
  }
  div.BannerCollection[columns="2"] {
    --grid-num-columns: 2;
  }
  div.BannerCollection[columns="3"] {
    --grid-num-columns: 3;
  }
  div.BannerCollection[columns="4"] {
    --grid-num-columns: 4;
  }
}
div.BannerCollection div.BannerCollection-Item {
  --grid-item-colspan: 1;
  position: relative;
  background-size: cover;
  background-position: center;
}
div.BannerCollection div.BannerCollection-Item[colspan="2"] {
  --grid-item-colspan: 2;
}
div.BannerCollection div.BannerCollection-Item[colspan="3"] {
  --grid-item-colspan: 3;
}
div.BannerCollection div.BannerCollection-Item[colspan="4"] {
  --grid-item-colspan: 4;
}
@media only screen and (min-width: 760px) {
  div.BannerCollection div.BannerCollection-Item {
    width: calc(100% / var(--grid-num-columns) * var(--grid-item-colspan) - var(--column-gap));
  }
}
@media only screen and (max-width: 759px) {
  div.BannerCollection div.BannerCollection-Item {
    width: 100%;
  }
}
div.BannerCollection div.BannerCollection-Item div.BannerCollection-Content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em;
  text-align: center;
  background-size: cover;
  background-position: center;
}

body:not(.CMS) div.BannerCollection div.BannerCollection-Item {
  min-height: var(--banner-collection-min-height, 350px);
}

body.CMS div.BannerCollection div.BannerCollection-Item {
  min-height: 250px;
}
body.CMS div.BannerCollection div.BannerCollection-Item div.ActionBar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  padding: 4px 6px;
  font-size: 12px;
}
body.CMS div.BannerCollection div.BannerCollection-Item div.ActionBar a {
  color: #555;
}
body.CMS div.BannerCollection div.BannerCollection-Item div.ActionBar .SettingsPanel {
  position: relative;
  display: inline-block;
}
body.CMS div.BannerCollection div.BannerCollection-Item div.ActionBar .SettingsPanel .Panel {
  display: none;
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 40;
  background-color: white;
  border: 1px solid black;
  padding: 20px;
  min-width: 400px;
  text-align: left;
}
body.CMS div.BannerCollection div.BannerCollection-Item div.ActionBar .SettingsPanel .Panel img {
  max-width: 142px !important;
  max-height: 106px !important;
}
body.CMS div.BannerCollection div.BannerCollection-Item div.ActionBar .SettingsPanel .Panel h3 {
  font-size: 1.1rem !important;
  margin: 10px 0 5px 0 !important;
}
body.CMS div.BannerCollection div.BannerCollection-Item div.ActionBar .SettingsPanel .Panel a.Close {
  padding: 10px 10px 10px 0;
  margin-top: 15px;
  display: inline-block;
}
body.CMS div.BannerCollection div.BannerCollection-Item--Offline::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 5;
  pointer-events: none;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Progetti/Magicland/FrontEnd/Content/Theme/BannerCollection.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAKY;EACI;IACI;;EAEA;IACI;;;AAKZ;EAXJ;IAYQ;IACA;;EAEA;IACI;IAeA;;EAbA;IACI;;EAGJ;IACI;IACA;;EAGJ;IACI;;;AAOZ;EACI;EACA;EACA;EAuBA;;AArBA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAKJ;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;;;AAGJ;EATJ;IAUQ;;;AAKZ;EACI;;AAEA;EACI;EACA;;AAEA;EACI;;;AAQxB;EAGI;EACA;EAEA;EACA;EACA;;AAEA;EACI;IAAiB;;EACjB;IAAiB;;EACjB;IAAiB;;EACjB;IAAiB;;;AAGrB;EACI;EAEA;EACA;EACA;;AAEA;EAAiB;;AACjB;EAAiB;;AACjB;EAAiB;;AAEjB;EAXJ;IAYQ;;;AAGJ;EAfJ;IAgBQ;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;EACI;;;AAIA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA%22%7D */