@import "elements/variables";

@import "elements/introduction";
@import "elements/newsletter";
@import "elements/owl-carousel";
.slider-salon(true);
@import "elements/salon";

.salonsAndEvent{
  #step3{
    .content{
      ul{
        margin: 0;
        li{text-transform: none;}
      }
    }
  }
}
ul.text-left{
  padding: 0;
  li{list-style-position: inside;}
}
.pub{
  @media (min-width: 768px){margin: 20px 0;}
  figure{padding: 0}
  a{margin:15px 0 0 0;
    @media (min-width: 768px){margin:0}
  }
}
.slider-salons-subnavigation{
  background:url('@{img}/liseret/liseret.png') no-repeat 50% 100% transparent;margin-top:-12px;/*Size of the picture*/padding-bottom: 10px;
  .chapter{
    display: inline-block;text-align: center;width: 100%;padding-top:32px;
    a{color: @black33;padding: 0px 15px;display: block;height: 100%;border-right:1px solid @greycc;
      &:hover, &:focus{text-decoration: none}
    }
    .title{font-family: 'open_sansbold';margin: 0 0 10px 0;display: block;font-size: 20px;}
    .date, .city{font-size: 16px;}
    .city{font-family: 'open_sansbold';}
  }
  .active{
    background:url('@{img}/arrow_white_top.png') no-repeat 50% 0% transparent;
    a{color:@brand-primary;}
  }
  .noBorder a{border:none;}
  .owl-theme {
    margin-bottom: 30px;
    .owl-stage, .owl-item{display: table;text-align: center;}
    .owl-nav{
      .owl-prev, .owl-next {height: 100%;margin: 0;top:12px;background: @white;.border-radius(0);width: 15px}
      .icon{position: absolute;top:40%}
    }
  }
}
@media (min-width: 768px){
  .content-html{margin-bottom: 25px}
  .pub{
    .bloc{
      margin-bottom: 0;
      &.left{padding-left: 0}
      &.right{padding-right: 0}
    }
  }
}