@import "elements/variables";

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

.fixTop{position: fixed;top:0;width: 100%}
.collapse-mobile{font-size: 16px}
.salonsAndEvent-details{
  @media (min-width: 992px){background: @white}
  .introduction, .introduction .text{margin-bottom: 0px}
  .content-page{margin-bottom: 25px}
  .edit-content{margin-bottom: 0; margin-top: 25px}
  #slider-salons .container{padding: 30px 0 0}
  .borderContentNav{margin: 0 auto 25px;}
  .retour{margin: 0}
  p{margin-bottom: 0}
  .btn-primary{
    @media(min-width: 768px){margin-top: 0}
  }
  .article{
    font-size: 16px;
    ul{
      margin-bottom: 0;
    }
    p{
      margin: 0 0 25px 0;
      &.title{font-family: 'open_sansbold';margin: 0 0 10px 0;}
    }
  }
}
.slider-event-subnavigation{
  margin-top: 25px;padding-bottom: 31px;background: url('@{img}/liseret/liseret.png') no-repeat 50% 100% @white;
  ul{
    li{
      text-align: center;text-transform: uppercase;font-size: 16px;
      a{
        color: @black33;line-height: 2;margin: 0;
        &:hover, &:focus{text-decoration: none}
      }
      &.active a{font-family: 'open_sansbold'}
    }
  }
  .borderContentNav{display: none;visibility: hidden;}
  &.fixTop{
    ul{margin:0;}
    .title{text-transform: uppercase;text-align: center;font-family: 'open_sansbold';margin: 10px 0;font-size: 21px;}
    .borderContentNav{display: block;visibility: visible;}
  }
  &.fixTop{margin-top: 0}
}