@import "elements/variables";

@import "elements/introduction";
@import "elements/editorial-content";
@import "elements/cards";

@import "elements/owl-carousel";
.slider-salonMini(true);

.mini-actu-parent{
  margin: 25px 0;
  .mini-actu{
    border: 1px solid @greyc4;
    p{
      font-size: 16px;text-align: center;margin: 25px 0;
      &.title{font-size: 20px;font-family: 'open_sansbold'}
    }
    @media(min-width: 768px){
      display: table;
      p{display: table-cell;vertical-align: middle;float: none;padding: 20px 0;margin: 0}
    }
  }
}
.metier{
  .salonsAndEvent{
    .owl-carousel#slider-salons-mini{margin: 25px 0;}
  }
  .nav{
    float: none;margin: 0 auto;border:none;background: url('@{img}/liseret/liseret.png') no-repeat 50% 100% transparent;text-align: center;display: table; width: auto;
    li{
      .border-radius(0px);text-align: center;width: auto;display: table-cell;padding: 25px 0;vertical-align: middle;
      a{font-size: 22px;text-transform: uppercase;border-left: 1px solid @black33;padding: 0 20px;.border-radius(0px);background: none; color: @link-color;
        &.first{border-left-color: transparent}
        &:hover,&:focus{.border-radius(0px);background: none;}
      }
      &.active{
        a, a:hover, a:focus{.border-radius(0px);font-family: 'open_sansbold';}
      }
    }
  }

  .btn-plus{
    width: 100%;background: none;font-size: 16px;color:@black33;font-family: 'open_sansbold';text-transform: uppercase;white-space: normal;padding: 0px 20px;margin: 25px 0 0;position: relative;
    .ico{position: absolute;right:0px;top: 2px;margin: 0}
  }

  .metiers-tabs{
    margin-bottom: 25px;
    p{
      font-size: 16px;margin: 0;
      &.title{font-size: 22px;text-align: left;text-transform: uppercase;margin-top: 25px; font-family: 'noto_serifregular';}
    }
    .collapse.in{
      margin-bottom: 50px;
      .block-right{margin-top: 50px;}
      &:last-child{margin-bottom: 25px;}
    }
    .edit-content{min-height: inherit;margin: 0; overflow: hidden;
      p{
        &.title{font-size: 16px;text-transform: none;margin-top: 0;margin-bottom: 0.8em}
      }
      .link{
        margin-top: 0px;
        ul{margin:0 }
      }
    }
    @media(min-width: 768px){
      .collapse.in{
        margin-bottom: 0px;
        &:last-child{margin-bottom: 0px;}
      }
      .edit-content{
        .link{margin-top: 25px}
      }
    }
  }
}