@import "elements/variables";

@import "elements/page-editoriale";
.page-editorial-bg(true);
.page-editorial-title(true);
.page-editoriale-content(true);
.page-editoriale-right(true);
.page-editoriale-form(true);

@import "elements/widgets";
@import "elements/theme";
@import "../bootstrap_custum/pagination.less";

h1{margin: 0;
  & + div{margin-top: 20px}
}
.other-content{
  &-title{margin-bottom: 10px}
}
.related-contents{
  #gradient > .vertical(@start-color: @white; @end-color: @greyde; @start-percent: 70%; @end-percent: 100%);
  &-item, &-bloc{
    @media(min-width: @screen-sm){display: flex}
  }
  &-item{margin-bottom: 30px}
}
.editorial-contents{margin-bottom: 30px;
  a{
    figure{display: inline-block; position: relative;}
    &:hover{
      figure:before{content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.6);}
    }
  }
  &-infos{font-size: @font-size-small;
    &, a{color: @grey9d}
    span{padding: 0 5px; display: inline-block}
  }
  &-title{font-size: 16px; font-weight: bold; margin-bottom: 20px;
    a:hover, a{
      .page &{color: inherit}
    }
  }
  p, a{color: @grey66}
  &-link{
    a{text-decoration: underline;
      &:hover{color: @link-hover-color}
    }
  }
}
.page-editoriale{
  @media(min-width: @screen-sm){padding-bottom: 40px;}
  &-right{
    @media(min-width: @screen-md){margin-top: 117px;}
  }
  &-form{
    @media(max-width: @screen-xs-max){margin-bottom: 20px}
  }
}
.pagination{font-family: 'noto_serifregular'; font-weight: bold; font-size: 0.87em;
  .prev, .next{
    a{overflow: hidden; position: relative; white-space: nowrap;
      &, &:hover, &:focus{color: @white;}
      &:after{content: '';background: url('@{img}/sprite_charte.svg') no-repeat -61px -19px; display: block; width: 6px; height: 10px; position: absolute; top: 50%; margin: -5px auto 0; left: 0; right: 0;
        .no-svg &{background-image: url('@{img}/sprite_charte.png')}
      }
    }
    &.disabled{display: none}
  }
  .next a:after{background-position: -54px -19px}
  li{
    & > span, & > a{width: 40px; line-height: 38px; padding: 0; text-align: center; margin: 5px; .border-radius(2px); .box-shadow2(0 1px 4px 0 rgba(0,0,0,0.13), 0 1px 3px 0 rgba(0,0,0,0.22))}
  }
}