@import "elements/variables";
@import "../bootstrap_custum/glyphicons.less";
@import "../../../fiducialezstarrating/less/star-rating.less";


@import "elements/metas";
@import "elements/other-articles";
@import "elements/tab-bar";
@import "elements/social-share";
@import "elements/message-download";
@import "elements/star-rating";

@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/highlight";

.page{
  a.btn-primary{
    &:hover, &:focus{color: @white}
  }
}

.download-parent{
  @media(min-width: @screen-sm){padding: 0 30px}
}

.tab-bar-publication{.box-shadow2(0 1px 10px 0 rgba(0,0,0,0.1), 0 1px 10px 0 rgba(0,0,0,0.3)); background: @white; border-left: 4px solid @brand-primary; font-size: @font-size-small;
  a{display: flex; width: auto; margin: 0 auto; padding: 8px 15px; align-items: center; justify-content: center;}
  figure{
    @media(max-width: @screen-xs-max){min-width: 60px;
      img{width: 60px}
    }
    & + p{padding: 0 15px; margin: 0}
  }
  img{
    @media(min-width: @screen-sm){max-height: 60px}
  }
  &-close{top: 10px; margin-top: 0; right: 5px; font-size: 1.4em; color: @text-color}
}

.breadcrumb{margin-bottom: 40px}
#footer{margin-top: 0}
.page-editoriale{background: #f2f2f2;
  @media(min-width: @screen-sm){padding-bottom: 40px;}
  &-download-link{
    .btn{margin: 0}
  }
  h1{margin: 0; z-index: 3; position: relative;
    @media(max-width: @screen-xs-max){font-size: 20px}
  }
  article{
    @media(max-width: @screen-xs-max){
      p{font-size: 14px}
    }
    .embed-responsive{margin-bottom: 0.8em}
    .ezxmltext-field{
      & > .widget-1-column:first-of-type, & > .widget-columns:first-of-type{margin-top: 0}
    }
  }
  h1, h2, h3{font-weight: bold;}
  h2{
    @media(max-width: @screen-xs-max){font-size: 18px}
  }
  h3{
    @media(max-width: @screen-xs-max){font-size: 16px}
  }
  &-left{
    @media(min-width: @screen-sm) and (max-width: @screen-sm-max){margin-bottom: 30px}
    .ezxmltext-field, .page-editoriale-intro{
      a{color: @link-hover-color; text-decoration: underline;
        &:hover, &:focus{color: @text-color}
        &.btn-primary{
          &, &:hover, &:focus{color: @white; text-decoration: none}
        }
      }
    }
    .highlight-offer{
      @media(max-width: @screen-xs-max){display: none}
    }
  }
  &-right{
    @media(max-width: @screen-xs-max){margin-top: 20px;}
    .highlight-offer{
      @media(min-width: @screen-sm) and (max-width: @screen-sm-max){display: none}
    }
  }
  &-left, &-right{
    @media(max-width: @screen-xs-max){padding-right: 0; padding-left: 0;}
  }
  &-text{padding-top: 0; padding-bottom: 0;}
  &-title{
    .btn{margin-bottom: 0}
    &-text{z-index: 4}
    &-white{
      h1, h2{color: @white;line-height: @line-height-base; display: inline-block; vertical-align: middle; width: 100%;
      }
      .ezimage-field{
        img{z-index: 1;min-height: 100%;min-width: 100%;margin: auto;position: absolute;.translate(-50%, 0%);top: 0;left: 50%; max-width: none}
      }
    }
  }
}
.modal-open{
  .modal{background: rgba(0,0,0,0.5);
    &-backdrop{display: none;}
  }
}
.post-meta{padding-top: 20px;
  @media(max-width: @screen-xs-max){padding-left: 15px; padding-right: 15px;}
  @media(min-width: @screen-sm){padding-left: 30px; padding-bottom: 20px; margin: 0}
}

.other-articles{
  &-theme{
    p, li{
      @media(max-width: @screen-sm-max){padding-left: 15px; padding-right: 15px}
      @media(min-width: @screen-sm){padding-left: 30px; padding-right: 30px}
    }
    p a{color: @black33;
      &:hover{color: @link-hover-color; text-decoration: none}
    }
    li.active{background: lighten(@greyde, 6.2%);
      &:first-child{margin-top: 10px}
    }
  }
}

.social-media{text-align: center; margin-bottom: 30px;
  @media(max-width: @screen-xs-max){padding-left: 15px; padding-right: 15px;}
  @media(min-width: @screen-sm){padding-right: 30px}
  .infos-share &{margin-bottom: 0}
}
.infos-share{background: #f2f2f2; margin-bottom: 30px;
  .social-media {
    @media (max-width: @screen-xs-max) {
      margin-bottom: 20px
    }
  }
}

.highlight-publication{background: lighten(@greyde, 4.8%);
  &-title{font-size: @font-size-h3; margin-top: 10px; margin-bottom: 15px}
  &-btn{margin-bottom: 15px;
    @media(max-width: @screen-xs-max){text-align: center;}
    .btn{margin-bottom: 0;margin-top: 0;}
  }
  &-grid{
    @media(min-width: @screen-sm){display: -ms-grid; display: grid; -ms-grid-columns: 66.66666667% 33.33333333%; grid-template-columns: 33.33333333% 66.66666667% ;
      .highlight-publication{
        &-text, &-btn{-ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row-end: span 1; padding-left: 30px}
        &-img{-ms-grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row-end: span 2; order: 1; align-self: center;}
        &-text{order: 2; align-self: end;}
        &-btn{order: 3}
      }
    }
    .btn{
      @media(max-width: @screen-xs-max){margin-top: 0.8em;}
    }
  }
  & + .highlight-offer{margin-top: 30px}
}