/* longform-hero.twig styles */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #5f5e5e; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #5f5e5e;
  opacity: 1; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: #5f5e5e; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #5f5e5e; }

.longform-hero {
  background-color: transparent !important;
  height: calc(100vh - 60px); }
@media screen and (max-width: 812px) and (orientation: landscape) {
  .longform-hero {
    height: auto; } }
.longform-hero .longform-hero__container {
  height: 100%;
  position: relative; }
@media screen and (max-width: 812px) and (orientation: landscape) {
  .longform-hero .longform-hero__container {
    height: auto; } }
.longform-hero .longform-hero__container__bg {
  height: calc(100vh - 60px);
  position: fixed;
  left: 0;
  width: 100%;
  z-index: -1;
  backface-visibility: hidden;
  will-change: top, scroll-position; }
.longform-hero .longform-hero__container__bg picture {
  height: 100%;
  padding-bottom: 0; }
.longform-hero .longform-hero__container__bg picture .lazyloading {
  transition: opacity 0.7s; }
@media screen and (max-width: 812px) and (orientation: landscape) {
  .longform-hero .longform-hero__container__bg {
    height: auto;
    top: 60px; }
  .longform-hero .longform-hero__container__bg picture {
    height: auto; }
  .longform-hero .longform-hero__container__bg picture img {
    position: relative; } }
.longform-hero .longform-hero__container .longform-hero__container__body {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 6%;
  position: relative; }
@media screen and (max-width: 812px) and (orientation: landscape) {
  .longform-hero .longform-hero__container .longform-hero__container__body {
    height: auto; } }
@media screen and (max-width: 800px) {
  .longform-hero .longform-hero__container .longform-hero__container__body {
    top: 0;
    height: calc(100vh - 60px); } }
.longform-hero .longform-hero__container .longform-hero__container__body .single__title--longform {
  max-width: 60%;
  margin: auto; }
@media screen and (max-width: 800px) {
  .longform-hero .longform-hero__container .longform-hero__container__body .single__title--longform {
    max-width: 80%; } }
@media screen and (max-width: 736px) {
  .longform-hero .longform-hero__container .longform-hero__container__body .single__title--longform {
    max-width: 100%; } }
.longform-hero .longform-hero__container .longform-hero__container__body .single__title--longform h1 {
  font-size: 58px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 6px #000, 0 0 6px #000; }
@media screen and (max-width: 736px) {
  .longform-hero .longform-hero__container .longform-hero__container__body .single__title--longform h1 {
    font-size: 40px;
    line-height: 43px; } }
.longform-hero .longform-hero__container .longform-hero__container__body .single__title--longform .single__subtitle--longform p {
  color: #eee;
  font-size: 26px;
  line-height: 36px;
  text-shadow: 0 0 6px #000; }
@media screen and (max-width: 736px) {
  .longform-hero .longform-hero__container .longform-hero__container__body .single__title--longform .single__subtitle--longform p {
    font-size: 24px;
    line-height: 28px;
    display: block;
    display: -webkit-box;
    height: 56px;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; } }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding: 12px 0;
  position: absolute;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%); }
@media screen and (max-width: 1400px) {
  .longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer {
    flex-direction: column;
    padding: 12px 0 0;
    bottom: 0;
    left: 0;
    position: relative;
    transform: none; } }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer .single__hero-footer__datas {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 0;
  width: max-content; }
@media screen and (max-width: 1400px) {
  .longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer .single__hero-footer__datas {
    position: relative;
    left: 0;
    transform: none;
    justify-content: center; } }
@media screen and (max-width: 800px) {
  .longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer .single__hero-footer__datas {
    flex-direction: column; } }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer .single__hero-footer__datas > * {
  border-right: 1px solid rgba(255, 255, 255, 0.5); }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer .single__hero-footer__datas .post__author {
  color: #fff;
  padding-left: 12px; }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer .single__hero-footer__datas .post__location {
  color: #fff;
  background-position: 0 -204px;
  padding: 12px 12px 12px 40px; }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer .post__story {
  font-weight: lighter;
  text-transform: uppercase;
  margin: 0 12px; }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer .post__story:first-child {
  margin-left: 0; }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer .post__story:last-child {
  margin-right: 0; }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer > div {
  display: flex;
  align-items: center; }
.longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer > div label, .longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer > div a, .longform-hero .longform-hero__container .longform-hero__container__body .single__hero-footer > div span {
  color: #fff; }



/** customizzazioni **/

.twitter-tweet{
	margin:auto;
}
.site.inner-site--noskin .wrapper .container .editorial--longform .wp-block-spacer{
	margin-top:-60px !important;
}
.menuinterno{
	background-color:#fff !important;
	margin-left:24px !important;
}

@media screen and (max-width: 736px){
	.single__subtitle--longform{
		display:none;
	}
	.site.inner-site--noskin {
		padding: 0px !important;
	}

}

.longform-hero__container__body .single__title--longform{
	max-width:700px !important;
}
.longform-hero__container__body .single__hero-footer{
	max-width:980px !important;
}

.longform-hero__container__body .single__subtitle--longform{
	text-align:center;
}

.longform-hero__container__body .entry-date{
	padding-right:10px;
}

.partial-social .social--pp--light a {
	background-position: 0 -717px;
	color: #fff
}
.wp-block-audio{
	background:none;
}

li .has-inline-color{
	font-size:20px;
	padding: 4px;
}

.sticky-section-content__container  p a{
	font-size:24px;
}

.likebanner{
	padding:20px;
	background-color:#f1f8f3;
	list-style: circle !important;

}

.likebanner li{
	margin-left:10px;
}

.sticky-section-content__container a{
	color:white;
	text-decoration:underline;
}