@font-face {
  font-family: 'laRepubblica';
  src: url('fonts/laRepubblica.ttf?1yvday') format('truetype'), url('fonts/laRepubblica.woff?1yvday') format('woff'), url('fonts/laRepubblica.svg?1yvday#laRepubblica') format('svg');
  font-weight: normal;
  font-style: normal;
}
#content-navigation {
  position: relative;
  z-index: 10000;
}
#content-navigation ul {
  display: none;
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#content-navigation ul li a {
  display: block;
  padding: 1em .5em;
  background: #087bbb;
  color: white;
  font: 0.9em/1.2em 'lato-bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  border-right: 1px solid #065b8a;
  min-height: 35px;
}
#content-navigation ul li a:hover {
  background: #076ba3;
}
#content-navigation ul li:last-of-type a {
  border-right: 0px;
}
#content-navigation ul.sticky.fixed {
  top: 0;
  width: 894px;
  height: 45px;
}
#content-navigation input.trigger {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
#content-navigation input.trigger:checked ~ ul,
#content-navigation input.trigger:checked ~ ul li ul {
  display: block !important;
}
@media (min-width: 48em) {
  #content-navigation input.trigger:checked ~ ul,
  #content-navigation input.trigger:checked ~ ul li ul {
    /* older flexbox */
    display: -webkit-box;
    display: -moz-box;
    display: box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    /* newer flexbox */
    display: flex;
    flex-direction: row;
  }
}
#content-navigation label {
  position: relative;
  display: block;
  min-height: 1.5em;
  padding: .5em;
  font: 1em/1.2em 'lato-bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  text-transform: uppercase;
  margin: 0;
  cursor: pointer;
  background: #087bbb;
  line-height: 1.4em;
  color: #ffffff;
}
#content-navigation label:after {
  position: absolute;
  right: .5em;
  top: .2em;
  content: "\2261";
  font-size: 1.8em;
  color: white;
}
@media (min-width: 48em) {
  #content-navigation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    -js-display: flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    -webkit-box-lines: single;
    -ms-flex-wrap: none;
  }
  #content-navigation ul li {
    position: relative;
    text-align: center;
    flex: 1 1 auto;
  }
  #content-navigation ul li:hover > ul {
    display: block !important;
  }
  #content-navigation label {
    display: none;
  }
}
.full-width .inline-embed {
  text-align: left!important;
  margin: 20px 0 10px!important;
}
h2.sub-title {
  margin: 2em 0 .5em 170px;
  font: 32px/1.2em 'lato-black', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
}
.shared-detail .summary {
  margin: 0 170px!important;
  padding: 0;
  font: 18px/24px 'Georgia', Times, Times New Roman, serif;
  font-style: italic;
  color: #666;
}
.shared-detail header .summary {
  margin: 0 0 20px 0!important;
}
video.valanga {
  width: 100%;
  height: auto;
}
section.approfondimenti h5 {
  margin: 0 0 0 170px;
  font: 16px/1.2em 'lato-bold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #333;
}
section.approfondimenti .entry-links .Audio:before,
section.approfondimenti .entry-links .Foto:before,
section.approfondimenti .entry-links .Video:before {
  font-family: laRepubblica!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
section.approfondimenti .entry-links {
  border-bottom: 2px #ebebeb solid;
  border-top: 2px #ebebeb solid;
  margin: 5px 0 20px 170px;
  padding: 10px 5px;
}
section.approfondimenti .entry-links .author {
  display: inline;
}
section.approfondimenti .entry-links a {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 0 0 18px;
}
section.approfondimenti .entry-links a:hover {
  border-bottom: 0!important;
  margin: 0;
  padding: 0 0 0 18px;
}
section.approfondimenti .entry-links a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  color: #999999;
}
section.approfondimenti .entry-links .Audio:before,
section.approfondimenti .entry-links .Foto:before,
section.approfondimenti .entry-links .Video:before {
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #087bbb;
  left: -4px;
}
section.approfondimenti .entry-links .Video:before {
  content: "\e918";
}
section.approfondimenti .entry-links .Audio:before {
  content: "\e91b";
}
section.approfondimenti .entry-links .Foto:before {
  content: "\e919";
}
section.approfondimenti .entry-links em.author {
  font-size: 12px;
}
#cards {
  width: 558px;
  zoom: 1;
  padding: 0;
  margin: 30px 170px 0;
  color: black;
  text-align: center;
}
#cards:before,
#cards:after {
  content: "";
  display: table;
}
#cards:after {
  clear: both;
}
#cards .column-4 {
  width: 31%;
  float: left;
  margin: 0 1% 0;
}
#cards .column-4.odd {
  border-right: 1px solid #666;
  border-left: 1px solid #666;
}
#cards .singleCard {
  height: 300px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  cursor: default;
  /*depth of the elements */
  -webkit-perspective: 800px;
  -moz-perspective: 800px;
  -o-perspective: 800px;
  perspective: 800px;
  /*border: 1px solid #ff0000;*/
  padding-left: 1%;
}
#cards .card {
  background: white;
  color: black;
  width: 99%;
  /*transition effects */
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-align: center!important;
}
#cards .card img {
  width: 150px;
  height: auto;
}
#cards .card:hover {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cards .card .front,
#cards .card .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  margin: 0 auto;
}
#cards .card .front {
  width: 99%;
}
#cards .card .front .card-text {
  display: none;
}
#cards .card .back {
  padding: 0 10px;
  text-align: left;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  background-color: white;
}
#cards .card .back p {
  font-size: 14px;
  line-height: 1.4;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: black;
}
#cards .card .front h1,
#cards .card .back h1 {
  margin: 0;
  padding: 0;
  font: 16px/1.1 'lato-black', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
#cards .card .front p.sottotitolo,
#cards .card .back p.sottotitolo {
  margin: 0;
  padding: 5px 0 15px;
  font: 14px/1.2 Georgia, Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-style: italic;
}
figure#inline_158555354 {
  float: left;
  margin: 20px 20px 0 0!important;
  width: 200px;
  height: 50px;
}
p#cf7_controls {
  font: 22px/1.2em 'lato-black', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  padding: 2em 0 0 0;
  margin: 0;
  text-align: center;
}
p#cf7_controls span {
  display: inline-block;
  margin-right: 1em;
  cursor: pointer;
}
p#cf7_controls span.selected {
  border-bottom: 3px solid #666;
}
#cf7 {
  position: relative;
  width: 100%;
  height: 600px;
  margin: 0 auto 20px!important;
}
#cf7 img {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
#cf7 img.opaque {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}
img.mobile {
  display: none;
}
img.desktop {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 667px) {
  img.desktop {
    display: none;
  }
  img.mobile {
    display: block;
    width: 100%;
    height: auto;
  }
  h2.sub-title {
    margin: 0 0 .5em 0!important;
    font: 24px/1.2em Lato, 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 900;
    font-style: normal!important;
  }
  figure#inline_158555354 {
    float: none;
    margin: 20px 0!important;
    width: 100%;
    height: 50px;
  }
  p#cf7_controls {
    font: 14px/1.2em Lato, 'Helvetica Neue', Helvetica, sans-serif;
  }
  p#cf7_controls span {
    margin-right: .5em;
  }
  #cf7 {
    height: 260px;
  }
  section.approfondimenti h5 {
    margin: 0!important;
  }
  section.approfondimenti .entry-links {
    margin: 5px 0 20px 0px!important;
  }
  section.approfondimenti .entry-links .Audio:before,
  section.approfondimenti .entry-links .Foto:before,
  section.approfondimenti .entry-links .Video:before {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }
  #cards {
    padding: 20px 0;
    margin: 0!important;
  }
  #cards .fake-swipe {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  #cards .fake-swipe .fake-swipe-inner {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 3300px;
  }
  #cards .fake-swipe .fake-swipe-inner .column-4 {
    display: inline-block;
    margin: 0!important;
    width: 1000px;
  }
  #cards .fake-swipe .fake-swipe-inner .column-4.odd {
    border-right: 0;
    border-left: 0;
  }
  #cards .fake-swipe .fake-swipe-inner .column-4 .singleCard {
    height: 450px;
    width: 24%;
    float: left;
    padding: 0;
    border-right: 1px solid #666;
  }
  #cards .fake-swipe .fake-swipe-inner .column-4 .singleCard .card:hover {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
  }
  #cards .fake-swipe .fake-swipe-inner .column-4 .singleCard .front .card-text {
    display: block!important;
    line-height: 1.2;
    padding: 0 10px;
  }
  #cards .fake-swipe .fake-swipe-inner .column-4 .singleCard .back {
    display: none;
  }
  iframe.rigopiano {
    height: 230px!important;
  }
}