/*
 * Classi .sr-hN: riproducono l'aspetto dei tag h1-h6 del tema originale.
 * Servono a rispettare la gerarchia dei titoli (una sola h1, nessun livello saltato)
 * mantenendo la grafica: il tag segue la gerarchia, la classe dà lo stile.
 * Caricato dopo bootstrap e prima di master.css, così le regole del tema basate
 * su classi (stessa specificità, caricate dopo) continuano a prevalere come prima.
 */

.sr-h1, .sr-h2, .sr-h3, .sr-h4, .sr-h5, .sr-h6 {
  line-height: 1.1;
  text-transform: none;
  letter-spacing: normal;
}

.sr-h1 {
  font-size: 72px;
  font-family: 'Roboto';
  font-weight: 100;
  color: white;
  margin: 20px 0 10px;
  padding: 0;
}

.sr-h2 {
  font-size: 30px;
  font-family: 'Oswald';
  font-weight: 700;
  color: #5e6467;
  margin: 0 0 20px;
  padding: 0;
  text-transform: uppercase;
}

.sr-h3 {
  font-size: 25px;
  font-family: Oswald;
  font-weight: 300;
  color: #3DBADF;
  margin: 0 0 20px;
  padding: 0;
}

.sr-h4 {
  font-size: 30px;
  font-family: 'Raleway';
  font-weight: 300;
  color: white;
  margin: 0 0 10px;
  padding: 0;
}

.sr-h5 {
  font-size: 27px;
  font-family: 'Raleway';
  font-weight: 700;
  color: #3dbadf;
  margin: 0 0 5px;
  padding: 0;
  line-height: 32px;
}

.sr-h5.light {
  color: white;
  margin-bottom: 15px;
}

.sr-h6 {
  font-size: 14px;
  font-family: "Open sans";
  font-weight: 700;
  color: #ef5438;
  line-height: 28px;
  margin: 10px 0;
  padding: 0;
}

/* Contesti del tema che puntavano ai tag */
.pm-sidebar .pm-widget .sr-h6 {
  color: white;
  font-family: 'Raleway';
  font-size: 20px;
  font-weight: 500;
  padding: 8px 15px;
  margin-top: 0px;
  margin-bottom: 25px;
  background-color: #3dbadf;
}

.panel-default > .panel-heading:hover .sr-h4 a {
  color: white;
}

.prezzi .pm-accordion-link.collapsed .sr-h4 a {
  font-size: 20px;
  font-weight: bold;
}

.post-offerte .sr-h6 {
  line-height: 22px !important;
}

/* Slider: i titoli delle slide sono h2 (la h1 è il titolo della home) */
.pm-caption .sr-h1 {
  display: table;
  text-align: center;
  overflow: hidden;
  font-family: 'Raleway';
  font-weight: bold;
  color: white;
  font-size: 26px;
  line-height: 1.1;
  padding: 15px 30px;
  background-color: #3dbadf;
  text-transform: uppercase;
  margin: 0 auto;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  -o-border-radius: 99px;
}

@media only screen and (max-width: 767px) {
  .pm-caption .sr-h1 {
    font-size: 24px !important;
  }
}

@media (max-width: 480px) {
  .pm-caption .sr-h1 span {
    padding: 0px !important;
  }

  .pm-caption .sr-h1 {
    max-width: 330px;
  }
}

@media (max-width: 320px) {
  .pm-caption .sr-h1 {
    max-width: 320px;
    font-size: 22px !important;
  }
}

/* Titolo h1 della home: presente per SEO, non visibile come nel sito originale */
.sr-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}