.details-description {
  padding: 20px;
  color: #4d4d4d; }
  .details-description p {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.5; }

.subnav-list__element a {
  text-decoration: none; }

html, body, .ionic-body {
  height: 100%;
  font-family: "Josefin Sans SemiBold", sans-serif !important; }

body.fontsloaded {
  font-family: "Josefin Sans SemiBold", sans-serif !important; }

img {
  max-width: 100%;
  height: auto; }

label {
  line-height: 1.2; }

a {
  text-decoration: none; }

p, a {
  font-family: "Josefin Sans SemiBold", sans-serif;
  font-style: normal;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Josefin Sans SemiBold", sans-serif;
  font-style: normal;
  font-weight: 300; }

button {
  font-family: "Josefin Sans SemiBold", sans-serif; }

ion-side-menu {
  background-color: #d30c34 !important;
  font-family: "Playfair Display", sans-serif !important; }
  ion-side-menu .list a {
    color: white !important;
    font-family: "Playfair Display", sans-serif !important;
    text-shadow: 1px 1px #d30c34, -1px -1px #444; }

.bar.bar-header {
  background: url("../images/shadow.png") bottom left repeat-x !important; }
  .bar.bar-header .title {
    font-family: "Playfair Display", sans-serif !important;
    text-shadow: 1px 1px #fff, -1px -1px #aaa; }

.leaflet-bar .leaflet-control-zoom-in::before,
.leaflet-bar .leaflet-control-zoom-out::before {
  color: #d30c34; }

.coords-block {
  color: #d30c34; }
  .coords-block span {
    background: white; }

.leaflet-control-locate a span,
.leaflet-control-locate a:hover span {
  color: #d30c34; }

.leaflet-bar a {
  background-color: #fff; }
  .leaflet-bar a:hover {
    background-color: #fff; }
  .leaflet-bar a:focus {
    background-color: #fff; }

.leaflet-popup-content-wrapper {
  background-color: #fff;
  color: #d30c34; }

.leaflet-popup-tip {
  background-color: #fff; }

.home {
  margin: 0 -5%;
  margin-top: -20px; }
  .home ul li {
    background-color: #d30c34;
    width: 100%;
    padding: 25px;
    text-align: center;
    font-size: 24pt;
    font-size: 3.5vh;
    vertical-align: middle;
    background: transparent url("../images/custom/pulsante.png") center center no-repeat;
    background-size: cover;
    height: 12vh; }
    .home ul li a {
      font-family: "Playfair Display", sans-serif !important;
      color: white;
      text-shadow: 1px 1px #d30c34, -1px -1px #444; }
  .home ul li.mappa {
    padding: 0px;
    background: transparent url("core/images/custom/mappa.jpg") center center no-repeat;
    height: auto; }
  .home ul li.cerca {
    color: white;
    text-shadow: 1px 1px #d30c34, -1px -1px #444; }

.modal-content {
  padding: 0;
  color: #d30c34;
  background-color: white; }
  .modal-content .modal-title {
    font-family: "Playfair Display", sans-serif !important;
    text-transform: uppercase;
    color: #d30c34 !important;
    width: 100%;
    background: url("../images/shadow.png") bottom center repeat-x;
    height: 44px;
    padding: 12px; }
  .modal-content .list {
    padding: 15px; }
  .modal-content a {
    color: #d30c34; }

.related-pois {
  color: #d30c34;
  margin-top: 20px !important;
  padding: 10px 10px;
  font-weight: bold; }

.modal-close {
  background: transparent;
  color: #d30c34 !important; }

.list-info-title {
  font-size: 18px; }

.modal-filters .item {
  color: inherit; }

.details-description > p {
  margin-top: 30px; }

.details-read-more {
  position: absolute;
  top: 10px;
  right: 30px; }