/* ------------------------ */
/* Custom CSS per isitgo.it */
/* ------------------------ */


/*** DEBUG BOOTSTRAP - DA TOGLIERE ***/
/*
body::before {
  content: "xs";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  background-color: #000;
  color: #fff;
}
@media (min-width : 768px) { body::before { content: "sm"; }}
@media (min-width : 992px) { body::before { content: "md"; }}
@media (min-width : 1200px) { body::before { content: "lg"; }}
*/
/*** FINE DEBUG BOOTSTRAP ***/


/** CSS PNRR **/
body {
  font-family: "Titillium Web", sans-serif;
}


p {
  font-family: "Titillium Web", sans-serif;
}


a:hover {
  text-decoration: underline !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Titillium Web', sans-serif; }


:focus {outline:dotted !important; outline-color:red !important; }
a:focus {outline-style:dotted !important; outline-color:red !important; }

/* usato nei tag anchor per validazione accessibilità */
.underline {
  text-decoration: underline !important;
}

.font-lora {
  font-family: "Lora", serif; 
}

.font-titillium {
  font-family: "Titillium Web", sans-serif;
}

.font-roboto-mono {
  font-family: "Roboto Mono", sans-serif;
}


/* scheda servizi */
.servizi_tit {
  font-weight: bold;
  font-size:18px;
}

.servizi_tit_address {
  font-weight: bold;
  font-size:16px;
}



/*** CSS GENERALI ***/

.color-white {
	color:#ffffff !important;
}

.color-base {
  color: #6695e2 !important;
}

.color-aaa {
  color: #aaa !important;
}
.error {
  color: #f00 !important;
}


label {
  font-weight: 500;
}

.tit_form_search {
    font-family: "Titillium Web", sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 120%;
    color: #6695e2;
    margin: 20px 0 17px 0;
}

/* icone generali di modifica/elimina usati nei contenuti dinamici in diverse dimensioni */
.icon-ar.icon-ar-xs {
    width: 24px;
    height: 24px;
    font-size: 13px;
    line-height: 1.75;
}

.icon-ar.icon-ar-md {
    width: 32px;
    height: 32px;
    font-size: 18px;
    line-height: 1.75;
}

/* aggiustamenti per icone calendario */
.icon-ar.icon-ar-cal {
  padding-top:2px;
  padding-left:3px;
  font-size: 16px;
}


/*** MENÙ ***/

/* barra top */
.header-full {
    /* background-image: linear-gradient(to top, #f0f0f0, #f4f4f4); */
    background: #fff !important;
}

.header-full-title {
    margin-left: 15px;
    padding-left: 105px;
    background-image: url(../../img/colors/blue3/logo_big.svg);
    /* background-size: 75px 82px; */
    background-size: 90px 82px;
}

/* barra menù */
.navbar-header-full {
  background:#fafafa !important;
  /* border-top:0px !important; */
}

/* dimensione font voci menù e sottomenù */
.navbar-default .navbar-nav > li > a {
  font-size:14px !important;
}

.megamenu-block ul li a, .dropdown-menu li a  {
  font-size:12px !important;
}

/* aumenta spaziatura voci sottomenù (vedere se togliere o diminuire per xs)*/
.megamenu-block ul li {
  margin:3px 0px !important;
}

.yamm .dropdown.yamm-cs .dropdown-menu {
  /* formatta menù corsi di studio - yamm-cs sostituisce yamm-fw */
  left: 0px !important;
  right: 300px !important;
  padding-bottom:10px !important;
}

/* color sfondo hamburger menù xs */
.navbar-header .navbar-toggle {
  background-image: linear-gradient(to top, #f2f2f2, #f2f2f2);
  color:#000;
  border-top: solid 1px #ddd !important;
  border-right: solid 1px #ddd !important;
}

/** SEZIONE HOME PAGE **/

/* FLEXSLIDER */

.header-wrapper {
    /* background: url(../../img/isitgo/slider-hp/back.jpg) no-repeat center center; */
    background-size: cover;    
    display: table;
    /* height: 85vh; ____ORIG____ */
    height: 100px !important;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
}

.header-wrapper .header-wrapper-inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}


.flexslider {
    margin: 0;
    border: 0;
    display: block !important;
}



.header-wrapper .header-wrapper-inner.flexslider .slides li {
    /* height: 85vh; ____ORIG____ */
    height: 600px;
    /* min-height: 650px; ____ORIG____ */
}

.flexslider .slides > li {
    background-position-x: center;
    background-position-y: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}


.color-overlay {
    background: #000000;
    opacity: 0;
}

.overlay, .color-overlay, .gradient-overlay {
    min-width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    bottom: 0;
    right: 0;
}

.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider .slides > li .intro-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.flexslider .slides > li .intro-wrapper > .intro {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

/* testi sulle slide */
.flexslider .slides > li .intro-wrapper > .intro h1 {
  color:#fff;
  text-shadow: 2px 1px #333;
}

.flexslider .slides > li .intro-wrapper > .intro p {
  color:#fff;
  text-shadow: 2px 1px #333;
}

/* frecce prev/next slider */
.flex-direction-nav a {
  height: 50px; }

.flex-direction-nav a.flex-prev:before {
  content: "\f3d2"; }

.flex-direction-nav a.flex-next:before {
  content: "\f3d3"; }

.flex-direction-nav a:before {
  font-family: "Ionicons";
  color: white; }


/* freccia verso il basso */
.header-wrapper .header-wrapper-inner .arrow-down {
    bottom: 5%;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 3;
}

.header-wrapper .header-wrapper-inner .arrow-down a {
    display: inline-block;
    padding: 20px 35px;
}

.header-wrapper .header-wrapper-inner .arrow-down a i {
    font-size: 2em;
    color: #fff;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}


/* FINE FLEXSLIDER */

/* barra link veloci */

.wrap-dark-color {
    /* background-color: #f2f2f2 !important; */
    color: #aaa !important;
    border-top: 5px solid #777;
}

a.feature-icon {
    border-right: solid 0px #aaa !important;
    color: #aaa !important;
    padding: 20px 10px 20px 10px !important;
    
}

@media (max-width: 991px) {
  a.feature-icon {
    float: left;
    width: 13%;
    border: 0;
    min-width: 90px !important;
  }
}

.feature-icon:first-child {
    border-left: solid 0px #aaa;
}

.feature-icon h4 {
  color: #aaa;
  font-size: 1.0em !important;
}

.feature-icon i {
  color:#aaa;
  font-size: 2.0em !important;
}

.feature-icon:hover h4, .feature-icon:hover i {
  color: #fff;
}

/* news in carousel hp */

.thumb-news-hp {
  border:0px !important;
  border-right: 1px solid #ddd !important;
}

.button-leggi-news {
  position:absolute;
  bottom:0px;
  left:0px;
}

.news-hp h3 {
	font-size: 1.2em;
	margin:0px 0px 10px 0px;
}

.news-hp h2 {
	font-size: 11px;
	margin:10px 0px;
	color:#333;
}

.news-hp p {
	font-size: 12px;
}

/* frecce scorrimento news hp */
.bxslider-controls .bx-prev {
    background-color: rgba(199, 195, 195, 0.7);
    color: #fff;
}

.bxslider-controls .bx-next {
    background-color: rgba(199, 195, 195, 0.7);
    color: #fff;
}

/* allinea a sx tasti link su slide hp */
.action-zone {
	text-align:left !important;
}

.action-zone a {
	margin-left:0px !important;
}

/* icona utente a destra del menu */
.sb-icon-navbar i {
    background-color: #f1f1f1;
    background-image: linear-gradient(to top, #f1f1f1, #f5f5f5);
    color: #555;
    padding: 11px;
    margin-left: 15px;
    vertical-align: middle;
    font-size: 1.5em;
    padding: 15px 14px 14px 14px;
    height: 50px;
    border: solid 1px #e3e6e8;
}

/* tasto recupero password */
.recover-password {
  margin-top:10px;
  float:left;
}

.recover-password a {
  background:transparent !important;
  border:0px !important;
  color:#aaa !important;
    box-shadow: inset 0 0 0px #ffffff !important;
}

.recover-password a:hover {
  color: #6695e2 !important;
}


/* descrizioni corsi di studio hp (ex handwriting) */
.text-no-hand {
  font-family: "Titillium Web", sans-serif;
  font-size: 1.0em;
  line-height: 170%;
  margin-top: 10px;
}

/* riquadri spaggiari + albo home page - resetta alcuni parametri di ihover */
.ih-item.custom-square {
  width: unset;
  height: unset;
  border:0px;
}

/* sezione progetti e attività hp */
.thumb-progetti-hp {
  border:0px !important;
  padding:0px !important;
}

.box-progetti {
  background-color: #ffffff !important;
  border:0px !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

.box-progetti:hover {
  background-color: #fafafa !important;
}


.caption-ar .caption-progettiHp {
  top: 20% !important;
}

.caption-ar .caption-progettiHp .caption-title {
  font-size: 1.3em !important;
}

/* sezione iniziative hp */
.panel-iniziative {
  height: 275px !important;
}

.text-iniziative {
  line-height:1.35em !important;
}


.iniziativa-figure {
    width: 50px !important;
    height: 50px !important;
    box-shadow: 0 0 0 2px #fff !important;
}


/*** SLIDEBAR DESTRA - GESTIONE UTENTI ***/
.sb-slidebar {
  background:#f4f4f4 !important;
  color: #333 !important;
}


/* cambia z-index barra dx e form modal per far stare la barra sotto al modal */
.sb-style-overlay {
  z-index: 9998 !important;
}

.modal {
  z-index: 9999 !important;
}

.slidebar-header {
  color: #6695e2;
  font-size: 1em;
  border-bottom: solid 1px #ccc;
  padding: 15px 20px;
  margin: 10px 0 20px 0;
}

.slidebar-menu li a {
  display: block;
  color: #333;
  padding: 10px 20px;
  border-bottom: solid 1px #ccc;
  text-decoration: none;
}
.slidebar-menu li a:hover {
  background-color: #fafafa;
  color: #333;
}


/*** SEZIONE FOOTER ***/
.footer-widget-title {
	font-size: 16px !important;
}

.footer-widget .media .footer-address {
	font-size: 14px !important;
}

.sitemap-links {
	font-family: 'Titillium Web' !important;
	font-weight: 300 !important;
}

.icone-footer {
  color:#ccc !important;
}
.icone-footer:hover {
  color:#91b3ea !important;
}

#icona-footer-corso {
 color:#f2f2f2 !important; 
}



/*** SEZIONE CORSI DI STUDIO ***/
/* testo sulle foto del carousel */
.owl-caption-corsi {
    position: absolute;
    font-size: 1em;
    bottom: 10px;
    right: 15px;
    color:#fff;
    text-shadow: 1px 1px #000;
    
}

.disciplina-quadri-orari {
  text-align: left !important;
}

.table-quadri-orari td, .table-quadri-orari th {
  text-align: center;
}

/* lista numerata sbocchi professionali */
.sbocchi-list li {
  counter-increment: myIndex;
  position: relative;
  margin-bottom: 20px;
  padding: 10px 0 10px 80px;
  font-size: 16px;
}
.sbocchi-list li:before {
    content: counter(myIndex);
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    padding: 10px 18px;
    border: solid 1px #6695e2;
    color: #6695e2;
    border-radius: 30px;
    position: absolute;
    top: 0px;
    left: 0;
}


/*** SEZIONE NEWS/MONTELIBRI ***/
.data-montelibri {
  font-size:12px;
  color:#333;
  padding-left:0px;
}

.expand-foto, .compress-foto {
  color:#ddd !important;
  border-color:#ddd !important;
}

/*** SEZIONE ASL ***/
#asl-attivo {
  display:none;
}

.singolo-asl {
  text-align:left !important;
}

.asl-title {
  text-align:left !important;
  padding-left:15px;
  margin-top:0px;
  margin-bottom:0px;
}

.data-asl {
  font-size:12px;
  color:#aaa;
  padding-left:15px;
}

.destinatari-asl {
  font-size:12px;
  color:#555;
  padding-left:15px;
}


/* select indirizzi di studio nel form Asl: toglie border-top a <optiongroup> */
#asl-formId li.dropdown-header {
  border-top: 0px !important;
}

/*** SEZIONE PROGETTI ***/
.singolo-progetto {
  margin-bottom:2% !important;
}

#progetto-attivo {
  display:none;
}

.as-progetto {
  font-size:12px;
  color:#aaa;
  padding-left:0px;
}

/* centra immagini nello slider */
.bx-wrapper img {
    margin: 0 auto !important;
}

/* formatta frecce prev/next dello slider _____ DA VEDERE _____ */
#tasto-next {
  width:30px;
  height:30px;
  display:block;
  background:#f2f2f2;
  border-right:1px solid #000;
}

#tasto-prev {
  width:30px;
  height:30px;
  display:block;
  background:#f2f2f2;
  border-left:1px solid #000;
}


/* tasti anni scolastici */
.button-as {
    background-color: #eeeeee;
    border-color: #eeeeee;
    margin-bottom:5px;
    padding: 0 20px;
}

.button-as-act {
    background-color: #6695e2 !important;
    border-color: #6695e2 !important;
    color: white !important;
    margin-bottom:5px !important;
    margin-top:5px !important;
    padding: 0 20px;
}

.button-as-act:hover {
    background-color: #6695e2;
    border-color: ##6695e2;
    color: white !important;
    margin-bottom:5px;
}


/*** SEZIONE PRENOTAZIONI ***/
.post-prenotazioni {
  margin-bottom:10px !important;
}

.panel-heading-prenotazioni {
  padding: 5px 15px !important;
  color: #6695e2 !important;
  font-weight: 700 !important;
}

.panel-body-prenotazioni {
  padding:5px 15px !important;
}

.nome-aula {
    /* line-height: 120%; */
    margin: 20px 0 10px 0 !important;
    font-size: 1em !important;
    font-weight: 500 !important;
}

.table-prenotazioni {
  margin-bottom:10px !important;
}

.table-prenotazioni th, .table-prenotazioni td {
  padding:4px !important;
  border-top: 0px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
}

/* toglie border-bottom all'ultima riga della tabella */
.table-prenotazioni tr:last-of-type td {
  border:0px !important;
}


/* form di ricerca */
#formSearchPrenotazioni label {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  color: #6695e2;
  font-size:1em;
}

/* formatta form prenotazioni */
.attivita-video {
  border-left:0px !important;
  border-top:0px !important;
  border-right:0px !important;
}

/* css per la stampa delle prenotazioni -- DA SISTEMARE */
@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  #searchPrenot{ display:none;}
  #header-full-top{ display:none;}
  #headerPrenot{ display:none;}
  #footer-widgets{ display:none;}
  #footer{ display:none;}
  #contentarea{ width:100%;}
}

/* autocomplete video attività prenotazioni */
.ui-autocomplete {
background:#f2f2f2 !important;
border:1px solid #ccc !important;
}

/* autocomplete verificare DA qui ------------------------- */
/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}
 
/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat;
}
 
/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-size: 16px;
}
 
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 250px;
}

/* autocomplete verificare FINO qui ------------------------ */


/*** SEZIONE AGENDA ***/
.post-agenda {
  margin-bottom:10px !important;
}

.panel-heading-agenda {
  padding: 5px 15px !important;
  color: #6695e2 !important;
  font-weight: 700 !important;
}

.panel-body-agenda {
  padding:10px 15px !important;
}

.table-agenda {
  margin-bottom:10px !important;
}


.table-agenda th, .table-agenda td {
  padding:4px !important;
  border-top: 0px solid #ddd !important;
  border-bottom: 0px solid #ddd !important;
}

/* toglie border-bottom all'ultima riga della tabella */
.table-agenda tr:last-of-type td {
  border:0px !important;
}


/*** SEZIONE CALENDARIO ***/
.timeline-2 li .timeline-time span {
  font-size: 1.2em !important;
}


/** SEZIONE ORACLE **/
.newsOracle {
  position:absolute;
  bottom:0px;
  left:10px;
}



/** SEZIONE ECDL **/

/* tasto leggi news ecdl */
.newsEcdl {
  position:absolute;
  bottom:0px;
  left:10px;
}

.ecdl-section {
  border-radius: 0px;
  position: relative;
  transition: all .25s ease;
  display: block;
  padding: 0px;
  margin-bottom: 0px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 0px solid #ddd;
  border-radius: 0px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

/* sfondo nero per hover riquadri */
.ecdl-sfondo {
  position:absolute;
  top:0px; left:0px; bottom:0px; right:0px; 
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #333;
  background: rgba(51,51,51, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

/* gestisce il tap FOTO su mobile come hover su desktop (vedi cod. jquery in sipa.js) */
a.ecdl-section:hover .ecdl-sfondo, a.ecdl-section.hover .ecdl-sfondo { 
  visibility: visible;
  opacity: 1;
}

.ecdl-section-title h4 {
  margin-top:10px;
  color:#fff;
  font-weight: 700;
  font-size: 22px;
}

.avviso-iscrizioni {
  border-top: solid 1px #6695e2 !important;
  border-bottom: solid 1px #6695e2 !important;
}

/* accordion informazioni sessione d'esame nella pagine di iscrizione */
.dl-ecdl dd {
  margin-left: 240px !important;
}

.dl-ecdl dt {
  width: 200px !important;
  text-align: left !important;
}


/*** SEZIONE ISTITUTO (INFORMAZIONI) ***/
.dt-istituto > dt {
  margin-top:15px !important;
  font-weight: 500 !important;
}

.dt-istituto > dd {
  margin-left:10px !important;
}



/*** FANFARATE VARIE ***/
/* mouse su slider in hp */
.mouse-wrapper {
    bottom: 1%;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 3;
}


.scroll-btn {
  display:block;
  width:24px;
  height:38px;
  border:2px solid #3e3e3e;
  position: absolute;
  bottom:20px;
  left:50%;
  z-index: 200;
  margin-left:-13px;
  border-radius: 12px;
  text-align: center;
  line-height: 0;
  transition: border 0.35s ease;
  -webkit-transition: border 0.35s ease;
}

.scroll-btn > span {
  display:inline-block;
  position: relative;
  margin:5px 0;
  width:2px;
  height:6px;
  background-color: #4e4e4e;
  border-radius: 8px;
  -webkit-animation-name: downup;
  animation-name: downup;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  transition: border 0.35s ease;
  -webkit-transition: border 0.35s ease;
}

.scroll-btn:hover,
.scroll-btn:focus {
  border-color: #2e2e2e;
}

.scroll-btn:hover > span,
.scroll-btn:focus > span {
  background-color: #2e2e2e;
}

.scroll-btn.light {
  border-color:#f1f1f1;
}

.scroll-btn.light > span{
  background-color: #f1f1f1;
}

.scroll-btn.light:hover,
.scroll-btn.light:focus {
  border-color: #fff;
}

.scroll-btn.light:hover > span,
.scroll-btn.light:focus > span {
  background-color: #fff;
}

@-webkit-keyframes downup {
  0% {
    transform:translateY(0);
  }

  50%{
    transform:translateY(18px);
  }

   100% {
    transform:translateY(0);
  }
}

@keyframes downup {
  0% {
    transform:translateY(0);
  }

  50%{
    transform:translateY(18px);
  }

   100% {
    transform:translateY(0);
  }
}

/* fine mouse su slider in hp */