/* Changes made by Francesco*/

@font-face {
    font-family: 'alfa_slab_oneregular';
    src: url('/templates/purity_iii/fonts/AlfaSlabOne/alfaslabone-regular-webfont.woff2') format('woff2'),
         url('/templates/purity_iii/fonts/AlfaSlabOne/alfaslabone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('/templates/purity_iii/fonts/OpenSansLight/opensans-light-webfont.woff2') format('woff2'),
         url('/templates/purity_iii/fonts/OpenSansLight/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
  font-family: open_sanslight, sans-serif !important;
}

.t3-mainbody p{
  font-family: 'open_sanslight' !important;
  font-size: 18px;
}

.t3-mainbody ul{
  font-family: 'open_sanslight' !important;
  font-size: 18px;
}

.navbar-nav li a{
  text-transform: none !important;
  font-family:  'open_sanslight' !important;
  font-size: 20px !important;
}

h1 {
  font-family: 'alfa_slab_oneregular' !important;
}

.logo a {
  background-color: rgba(255, 255, 255, 0.0) !important;
  font-family: 'alfa_slab_oneregular' !important;
  text-transform: none !important;
  font-size: 30px;
  padding: 0px 0px 0px 10px !important;
}

.jumbotron-primary {
  background: rgba(255, 165, 0, 0.0);
}

/*--------*/
/*MASTHEAD*/
/*--------*/

.page-masthead {
  background-image: url("/images/fr_stromboli.jpg") !important;
  background-attachment: fixed;
  background-position: -100px -200px;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width:700px) {
  .page-masthead {
   	background-position: 0px -360px;
  }
}

.page-masthead span {
  font-family: 'alfa_slab_oneregular' !important;
}

.page-masthead p {
  font-family: 'alfa_slab_oneregular' !important;
  color: #eee;
}

.module-title {
  background-color: #444444;
  color: #cdcdcd;
  padding: 20px;
}

#t3-mainnav {
  background-color: #444444;
}

/*----------------*/
/*SHOWCASE MODULES*/
/*----------------*/

.t3-sl-2 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.moduleshowcase-home p, .moduleshowcase-home span, .moduleshowcase-home div {
  font-family: 'alfa_slab_oneregular' !important;
}

div#Mod92 {
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  background-color: #59a5d8;
}

div#Mod92 a:hover {
  text-decoration: none !important;
}

div#Mod110, div#Mod128, div#Mod129, div#Mod130 {
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  background-color: #84d2f6;
}

div#Mod110 a:hover, div#Mod128 a:hover, div#Mod129 a:hover, div#Mod130 a:hover {
  text-decoration: none !important;
}

div#Mod111 {
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  background-color: #73ab84;
}

div#Mod111 a:hover {
  text-decoration: none !important;
}

div#Mod112, div#Mod118, div#Mod127 {
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  background-color: #59a5d8;
}

div#Mod112 a:hover, div#Mod118 a:hover, div#Mod127 a:hover {
  text-decoration: none !important;
}

div#Mod113 {
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  background-color: #444;
}

div#Mod113 a:hover {
  text-decoration: none !important;
}

div#Mod114, div#Mod120, div#Mod126, div#Mod131 {
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  background-color: #73ab84;
}

div#Mod114 a:hover, div#Mod120 a:hover, div#Mod126 a:hover, div#Mod131 a:hover {
  text-decoration: none !important;
}

div#Mod115 {
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 0px;
  background-color: #84d2f6;
}

div#Mod115 a:hover {
  text-decoration: none !important;
}