@import "font-awesome.min.css";
.testo_grigio {
  color: #3d3b3d;
}
.testo_grigio_chiaro {
  color: #a0a0a0;
}
.testo_verde {
  color: #01a89e;
}
.testo_azzurro {
  color: #00a1cd;
}
.testo_arancione {
  color: #f27620;
}
.testo_rosso {
  color: #ed1d24;
}
.testo_bianco {
  color: white;
}
.testo_giallo {
  color: #FFB700;
}
.articolo_online {
  color: #00b411;
}
.articolo_offline {
  color: black;
}
.articolo_deleted {
  color: #a0a0a0;
  text-decoration: line-through;
}
.articolo_da_validare {
  color: #0E24EF;
}
.bg_grigio_scuro {
  background-color: #3d3b3d;
}
.bg_grigio_chiaro {
  background-color: #dcddde;
}
.bg_rosso {
  background-color: #ed1d24;
}
.bg_theme {
  background-color: #ed1d24 !important;
}
.theme_color {
  color: #ed1d24 !important;
}
:root {
  --colore-1: #FF8C00;
  --colore-2: #ff4800;
  --colore-3: #f41408;
  --colore-4: #e21048;
  --colore-5: #ff007b;
  --colore-6: #bf00ff;
  --colore-7: #50f;
  --colore-8: #6fd5fa;
  --colore-9: #FF4800;
  --colore-10: #ffc400;
  --colore-11: #FF8C00;
  --colore-tecnologie-assistive: var(--colore-1);
  --colore-metodologia-didattica: var(--colore-2);
  --colore-rafforzamento-l2: var(--colore-3);
  --colore-sportello-psicologico: var(--colore-4);
  --colore-orientamento-e-progetto-di-vita: var(--colore-5);
  --colore-corsi-espressivi: var(--colore-6);
  --colore-corsi-sportivi-senza-barriere: var(--colore-7);
  --colore-accessibilita-culturale: var(--colore-8);
  --colore-laboratori-nelle-scuole: var(--colore-9);
  --colore-sostegno-alle-famiglie: var(--colore-10);
  --colore-il-polo: var(--colore-11);
  --colore-eventi: var(--colore-1);
}
@media print {
  .noprint {
    display: none !important;
  }
}
.liftup {
  position: relative;
  top: -2px;
  left: -2px;
  box-shadow: 5px 5px 5px #888888;
}
.liftup-low {
  position: relative;
  top: -1px;
  left: -1px;
  box-shadow: 2px 2px 2px #888888;
}
.smallcell {
  width: 1px;
}
a.nounderline:not(:hover):not(:focus) {
  text-decoration: none;
}
iframe {
  max-width: 100%;
}
.cookietbl {
  border-collapse: collapse;
  font-size: 0.8em;
}
.cookietbl th,
.cookietbl td {
  padding: 5px;
  border: 1px solid #dcddde;
}
.cookietbl th {
  background-color: #dcddde;
}
.page-header-backlink-mobile {
  display: none;
}
@media (max-width: 575px) {
  body.showbackbtn .page-header-backlink-mobile {
    display: block;
  }
}
.pagebackbtn {
  margin-bottom: 10px;
  height: 60px;
}
.pagebackbtn a:hover svg {
  height: 100%;
  fill: #FF8C00;
}
@media (min-width: 768px) {
  .pagebackbtn {
    transform: translateX(-50px);
  }
}
@media (min-width: 1200px) {
  .pagebackbtn {
    transform: translateX(-80px);
  }
}
@media (max-width: 575px) {
  .pagebackbtn {
    display: none;
  }
}
.hometitle {
  font-size: 40px;
  text-align: center;
  margin: 20px 0px;
}
@media (max-width: 767px) {
  .hometitle {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .hometitle {
    font-size: 20px;
  }
}
/*
.p-tecnologie-assistive .page-header{background-color: var(--colore-tecnologie-assistive);}
.p-supporto-allo-studio .page-header{background-color: var(--colore-metodologia-didattica);}
.p-rafforzamento-l2 .page-header{background-color: var(--colore-rafforzamento-l2);}
.p-supporto-psicologico .page-header{background-color: var(--colore-sportello-psicologico);}
.p-metodologia-didattica .page-header{background-color: var(--colore-metodologia-didattica);}
.p-sportello-psicologico .page-header{background-color: var(--colore-sportello-psicologico);}
.p-orientamento-e-progetto-di-vita .page-header{background-color: var(--colore-orientamento-e-progetto-di-vita);}
.p-corsi-espressivi .page-header{background-color: var(--colore-corsi-espressivi);}
.p-corsi-sportivi-senza-barriere .page-header{background-color: var(--colore-corsi-sportivi-senza-barriere);}
.p-accessibilita-culturale .page-header{background-color: var(--colore-accessibilita-culturale);}
.p-laboratori-nelle-scuole .page-header{background-color: var(--colore-laboratori-nelle-scuole);}
.p-sostegno-alle-famiglie .page-header{background-color: var(--colore-sostegno-alle-famiglie);}
.p-il-polo .page-header{background-color: var(--colore-il-polo);}
 */
.p-cerca .div-block-18 {
  position: static;
  padding: 10px;
}
.p-il-progetto .page-header {
  min-height: 400px;
}
@media (max-width: 575px) {
  .p-il-progetto .page-header {
    min-height: 200px;
  }
}
.p-le-attivita .attivita-item {
  margin: 20px;
}
.p-le-attivita .attivita-item__circle {
  transition: background-color 0.3s ease-in-out;
  border: 3px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  color: white;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  font-size: 20px;
  font-family: Work Sans, sans-serif;
}
@media (max-width: 575px) {
  .p-le-attivita .attivita-item__circle {
    width: 140px;
    height: 140px;
    font-size: 16px;
  }
  .p-le-attivita .attivita-item {
    margin: 10px;
  }
}
.sharer_icon {
  background-color: #757575;
  color: white;
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  margin-right: 2px;
  min-width: 25px;
  margin-bottom: 2px;
  padding: 4px 6px;
  text-decoration: none;
  transition: background-color 0.1s;
  -webkit-transition: background-color 0.1s;
  text-align: center;
}
.sharer_icon-facebook {
  padding-left: 10px;
  background-color: #3B5998;
}
.sharer_icon-facebook:before {
  text-indent: 4px;
  font-family: "FontAwesome";
  content: "\f09a";
}
.sharer_icon-twitter {
  background-color: #1DA1F2;
}
.sharer_icon-twitter:before {
  font-family: "FontAwesome";
  content: "\f099";
}
.sharer_icon-pinterest {
  background-color: #BD081C;
}
.sharer_icon-pinterest:before {
  font-family: "FontAwesome";
  content: "\f231";
}
.sharer_icon-whatsapp {
  background-color: #34AF23;
}
.sharer_icon-whatsapp:before {
  font-family: "FontAwesome";
  content: "\f232";
}
.ui-navbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ui-navbar .ui-navbar_rightbuttons {
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
}
.ui-navbar .ui-navbar_rightbuttons > * {
  margin-left: 2px;
}
.ui-navbar .ui-navbar_leftbuttons {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
}
.ui-navbar .ui-navbar_leftbuttons > * {
  margin-right: 2px;
}
.ui-navbar .ui-navbar_titlebox {
  flex-grow: 1;
}
.ui-navbar .ui-navbar_title {
  text-align: center;
  font-size: 2em;
  font-variant: small-caps;
  font-weight: bold;
  line-height: 60;
}
.ui-navbar .ui-navbar_subtitle {
  text-align: center;
  font-size: 1.1em;
  color: #3d3b3d;
  line-height: 25;
  position: relative;
}
.ui-modal_overlay {
  background-color: rgba(0, 0, 0, 0.45);
  padding: 10px;
  z-index: 9999;
  padding: 30px;
}
.ui-modal {
  background-color: white;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 11px -3px #000000;
  -moz-box-shadow: 2px 2px 11px -3px #000000;
  -o-box-shadow: 2px 2px 11px -3px #000000;
  box-shadow: 2px 2px 11px -3px #000000;
  transition: all 0.5s ease-out;
}
.ui-uploader .uploadprogress {
  height: 20px;
  text-align: center;
  position: relative;
  line-height: 20px;
}
.ui-uploader .uploaderror {
  border: 3px solid red;
  text-align: center;
  justify-content: center;
  padding: 10px;
}
.ui-uploader .uploadprogress .bar {
  height: 100%;
  background-color: #ed1d24;
}
.ui-uploader .uploadprogress .progresslbl {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  padding: 4px;
}
.ui-uploader #input {
  display: inline;
}
.ui-uploader .uploadeditems {
  padding: 20px 0px;
  min-height: 100px;
}
.ui-uploader .uploadeditem {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 25px;
}
.ui-uploader .uploadeditem_actions {
  margin: 0px 20px;
}
.ui-uploader .uploadeditems.dragover {
  background-color: #ECECEC;
}
.ui-searchfield {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-end;
}
.ui-searchfield input {
  padding-right: 20px;
  width: 100%;
}
.ui-searchfield .ui-searchfield__clear-icon {
  position: absolute;
  margin-right: 5px;
  display: none;
}
.ui-popup_animstart {
  height: 0px;
  width: 0px;
  opacity: 0;
}
.homewheel {
  width: 900px;
  max-width: 100%;
  margin: 10px auto;
  position: relative;
  aspect-ratio: 1/1;
  --colore-c1: var(--colore-tecnologie-assistive);
  --colore-c2: var(--colore-metodologia-didattica);
  --colore-c3: var(--colore-rafforzamento-l2);
  --colore-c4: var(--colore-sportello-psicologico);
  --colore-c5: var(--colore-orientamento-e-progetto-di-vita);
  --colore-c6: var(--colore-corsi-espressivi);
  --colore-c7: var(--colore-corsi-sportivi-senza-barriere);
  --colore-c8: var(--colore-accessibilita-culturale);
  --colore-c9: var(--colore-laboratori-nelle-scuole);
  --colore-c10: var(--colore-sostegno-alle-famiglie);
  --colore-c11: var(--colore-il-polo);
}
.homewheel_centerimg {
  position: absolute;
  width: 55%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.homewheel__circle {
  position: absolute;
  transition: background-color 0.3s ease-in-out;
  border: 3px solid black;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 10px;
  color: transparent;
  border-radius: 50%;
  width: 18%;
  height: 18%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-family: Work Sans, sans-serif;
}
@media (max-width: 991px) {
  .homewheel__circle {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .homewheel__circle {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  .homewheel__circle {
    font-size: 8px;
  }
}
a:hover .homewheel__circle {
  color: white;
}
.homewheel__circle.c1 {
  border-color: var(--colore-c1);
}
a:hover .homewheel__circle.c1 {
  background-color: var(--colore-c1);
}
.homewheel__circle.c2 {
  border-color: var(--colore-c2);
}
a:hover .homewheel__circle.c2 {
  background-color: var(--colore-c2);
}
.homewheel__circle.c3 {
  border-color: var(--colore-c3);
}
a:hover .homewheel__circle.c3 {
  background-color: var(--colore-c3);
}
.homewheel__circle.c4 {
  border-color: var(--colore-c4);
}
a:hover .homewheel__circle.c4 {
  background-color: var(--colore-c4);
}
.homewheel__circle.c5 {
  border-color: var(--colore-c5);
}
a:hover .homewheel__circle.c5 {
  background-color: var(--colore-c5);
}
.homewheel__circle.c6 {
  border-color: var(--colore-c6);
}
a:hover .homewheel__circle.c6 {
  background-color: var(--colore-c6);
}
.homewheel__circle.c7 {
  border-color: var(--colore-c7);
}
a:hover .homewheel__circle.c7 {
  background-color: var(--colore-c7);
}
.homewheel__circle.c8 {
  border-color: var(--colore-c8);
}
a:hover .homewheel__circle.c8 {
  background-color: var(--colore-c8);
}
.homewheel__circle.c9 {
  border-color: var(--colore-c9);
}
a:hover .homewheel__circle.c9 {
  background-color: var(--colore-c9);
}
.homewheel__circle.c10 {
  border-color: var(--colore-c10);
}
a:hover .homewheel__circle.c10 {
  background-color: var(--colore-c10);
}
.homewheel__circle.c11 {
  border-color: white;
  border-width: 5px;
  background-color: white;
  width: 14%;
  height: 14%;
}
a:hover .homewheel__circle.c11 {
  background-color: var(--colore-c11);
}
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
  .homewheel__circle {
    color: white;
  }
  .homewheel__circle.c1 {
    background-color: var(--colore-c1);
  }
  .homewheel__circle.c2 {
    background-color: var(--colore-c2);
  }
  .homewheel__circle.c3 {
    background-color: var(--colore-c3);
  }
  .homewheel__circle.c4 {
    background-color: var(--colore-c4);
  }
  .homewheel__circle.c5 {
    background-color: var(--colore-c5);
  }
  .homewheel__circle.c6 {
    background-color: var(--colore-c6);
  }
  .homewheel__circle.c7 {
    background-color: var(--colore-c7);
  }
  .homewheel__circle.c8 {
    background-color: var(--colore-c8);
  }
  .homewheel__circle.c9 {
    background-color: var(--colore-c9);
  }
  .homewheel__circle.c10 {
    background-color: var(--colore-c10);
  }
  .homewheel__circle.c11 {
    background-color: var(--colore-c11);
  }
}
.calendarioattivita {
  border-collapse: collapse;
  margin: 0 auto;
  table-layout: fixed;
}
.calendarioattivita th {
  padding: 0px 10px;
  font-weight: normal;
}
.calendarioattivita td {
  padding: 5px;
  vertical-align: middle;
  text-align: center;
}
.calendarioattivita__contentcell {
  text-align: center;
  vertical-align: middle;
}
.calendarioattivita__giornocell {
  width: 120px;
}
.calendarioattivita__titlecell,
.calendarioattivita__contentcell {
  width: 40%;
}
.calendarioattivita__title {
  font-size: 26px;
  margin: 0px auto;
  width: 120px;
  height: 120px;
  background-color: green;
  color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .calendarioattivita__title {
    font-size: 16px;
    width: 80px;
    height: 80px;
  }
  .calendarioattivita__contentcell {
    font-size: 12px;
  }
  .calendarioattivita__giornocell {
    width: 80px;
  }
}
@media (max-width: 575px) {
  .calendarioattivita__title {
    font-size: 12px;
    width: 50px;
    height: 50px;
  }
  .calendarioattivita__contentcell {
    font-size: 10px;
  }
  .calendarioattivita__giornocell {
    width: 50px;
  }
}
.calendarioattivita__giorno-LUN {
  background-color: var(--colore-1);
}
.calendarioattivita__giorno-MAR {
  background-color: var(--colore-2);
}
.calendarioattivita__giorno-MER {
  background-color: var(--colore-3);
}
.calendarioattivita__giorno-GIO {
  background-color: var(--colore-4);
}
.calendarioattivita__giorno-VEN {
  background-color: var(--colore-5);
}
.calendarioattivita__giorno-SAB {
  background-color: var(--colore-6);
}
.calendarioattivita__giorno-DOM {
  background-color: var(--colore-7);
}
.calendarioattivita__title-attivita {
  background-color: #4c2af7;
}
.calendarioattivita__title-luogo {
  background-color: #00a6d4;
}
.calendarioattivita__title-orario {
  background-color: #5cd8f7;
}
.calendarioattivita-ilpolo td {
  padding: 8px;
}
.calendarioattivita-ilpolo .calendarioattivita__titlecell,
.calendarioattivita-ilpolo .calendarioattivita__contentcell {
  width: 25%;
}
/* Container styles */
.scrolling-text-container {
  color: var(--theme-color4);
  border-radius: 4px;
  overflow: hidden;
  text-transform: uppercase;
}
.scrolling-text-container:hover {
  background-color: var(--theme-color4);
  color: white;
}
@media (max-width: 575px) {
  .scrolling-text-container {
    background-color: var(--theme-color4);
    color: white;
  }
}
/* Inner container styles */
.scrolling-text-inner {
  display: flex;
  white-space: nowrap;
  font-size: 16px;
  padding: 15px 0;
}
/* Text styles */
.scrolling-text {
  display: flex;
}
.scrolling-text-item {
  padding: 0 10px;
}
/* Apply the animation to the text items */
.scrolling-text-inner > div {
  animation: scroll-left var(--marquee-speed) linear infinite;
}
/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner > div {
  animation-play-state: paused;
}
/* Setting the Animation using Keyframes */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes scroll-right {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
/*
.swiper-button-next,.swiper-button-prev{
  color:white;
}

.galleryview_closebutton{
  text-decoration: none;
  position: absolute;
  right:2px;
  top:2px;
  width:50px;
  height:50px;
  border-radius: 25px;
  color:white;
  font-size:22px;
  display: flex;
  z-index: 999;
  align-items: center;
  justify-content: center;
  background-color: @grigio_scuro;
  -webkit-box-shadow: 2px 2px 11px -3px #000000;
  -moz-box-shadow: 2px 2px 11px -3px #000000;
  -o-box-shadow: 2px 2px 11px -3px #000000;
  box-shadow: 2px 2px 11px -3px #000000;

  &:hover{
    text-decoration: none;
  }
}

 */