/* ---------------------------- */
/* CSS per sezione orientamento */
/* ---------------------------- */

/* @import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500,700,800'); */

/*
.font-kanit {
  font-family: 'Kanit', sans-serif;
}*/

/*** COLORI BASE ORIENTAMENTO ***/
.color-green-orien {
  color: #da698d !important;
}

.border-color-green-orien {
  border-color: #36bfc0 !important;
}

.color-gray-orien {
  color: #919191 !important;
}

.border-color-gray-orien {
  border-color: #919191 !important;
}


.color-azzurro-orien {
  color: #65b8d1 !important;
}

.color-giallo-orien {
  color: #e4f125 !important;
}

.color-arancio-scuro-orien {
  color: #ca6307 !important;
}

.color-arancio-orien {
  color: #f39208 !important;
}

.color-magenta-orien {
  color: #e6007e !important;
}

.color-ciano-orien {
  color: #019ee1 !important;
}



/*** MODAL HOME PAGE ***/

/* resetta il background del carousel-section (definito in style-blue3.css) */
.carousel-section-orien {
  background-image: none !important;
}

#orientamento-modal {
  background:#fff;
  padding:0px;
  margin:0px;
  width:50%;
  border:5px solid #ffffff;
}

.orienta-modal-text {
  background:#fff !important;
}


.orienta-modal-text h2 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700 !important;
  letter-spacing: 1px;
  color:#e4f125 !important;
  margin-bottom:0px;
  padding-bottom:5px;
  margin-top:20px;
  /* margin-right:40px; */
  font-size: 2em;
  line-height: 0.8em;
}

.orienta-modal-text h3 {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 700 !important;
  font-size: 1.5em;
  color:#555 !important;
  margin-bottom:10px;
  margin-top:10px;
}

.orienta-modal-text p {
  padding-right:20px;
  font-size: 12px !important;
  line-height:18px;
}

.table-modal-orienta td {
  border:0px !important;
  padding-top:0px !important;
  line-height: 5px;
  font-size:16px;
}

.orienta-button-scopri {
  background:#fff !important;
  border:0px !important;
  font-size:14px !important;
}

/*** RESPONSIVE MODAL HOME PAGE ***/

/* nasconde immagine su smartphone (xs - orizzontale) */
@media only screen and (max-width: 768px) and (orientation:landscape) {
    .image-modal-orien {
        display: none !important;
    }
}

/* bootstrap xs */
@media (max-width : 768px) { 

  #orientamento-modal {
    width:65%;
  }

  .orienta-modal-text h2 {
    font-size: 1.8em;
  }

  .orienta-button-scopri {
    font-size:13px !important;
    color:#555 !important;
  }

  .orientamento-modal_close {
    right:5px !important;
  }

}




/* bootstrap sm */
@media (min-width : 768px) { 

  #orientamento-modal {
    width:70%;
  }

}

/* bootstrap md */
@media (min-width : 992px) { 

  #orientamento-modal {
    width:70%;
  }

}
/* bootstrap lg */
@media (min-width : 1200px) { 

  #orientamento-modal {
    width:60%;
  }

}

/* paolo lg-xl > 1400 */
@media (min-width : 1400px) { 

  #orientamento-modal {
    width:50%;
  }

}


/*** FINE RESPONSIVE MODAL HOME PAGE ***/



/*** PAGE ORIENTAMENTO ***/
.carousel-orientamento {
    /* background-color: #6695e2; */
    /* background-color: rgba(242, 243, 245, 0.9) !important; */
    background-color: #fff !important;
}

/* sovrascrive carousel-caption (vendors.css) */
.carousel-caption-orien {
    text-shadow: 0 0px 0px rgba(0,0,0,.6) !important;
}

.carousel-indicators-orien li {
    width: 14px !important;
    height: 14px !important;
    border: 1px solid #ccc !important;
}

.carousel-indicators-orien .active{
    width: 16px !important;
    height: 16px !important;
    background:#f2f2f2;
    
}

/* sovrascrive carousel-* (style-blue3.css) */
.carousel-title-orien {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 800 !important;
  letter-spacing: 2px;
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 3.2em;
  /* color: #a0968b; */
  color: #019ee1;
  font-weight: 700;
  /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */

  line-height: 0.8em;
}

.crousel-subtitle-orien {
  font-size: 1.8em;
  color: #019ee1;
  margin-bottom: 20px;
  font-weight: 500;
  font-family: "Titillium Web", sans-serif;
}

.carousel-list-orien {
  margin: 20px 0;
}

.carousel-list-orien li {
  color: #414042;
  font-size: 1.2em;
  margin-bottom: 10px;
  overflow: hidden;
}

.carousel-list-orien li i {
  font-size: 1.6em;
  margin-right: 20px;
  color: #6695e2;
}