/*
Theme Name:  Salient
Description: Styles for the "Milestone" page builder element.
*/

.nectar-milestone{
  text-align:center
}
.nectar-milestone:not(.animated-in){
  opacity:0
}
.span_12.right .nectar-milestone, .nectar-milestone[data-ms-align="right"]{
  text-align:right
}
.nectar-milestone[data-ms-align="left"]{
  text-align:left
}
.span_12.right .nectar-milestone[data-symbol-alignment="superscript"]{
  padding-right:40px
}
body .nectar-milestone .number h1,
body .nectar-milestone .number h2,
body .nectar-milestone .number h3,
body .nectar-milestone .number h4,
body .nectar-milestone .number h5{
  font-size:inherit;
  line-height:inherit;
  color:inherit;
  display:inline-block
}
.nectar-milestone .number{
  font-size:62px;
  line-height:62px;
  font-family:'Open Sans';
  font-weight:600;
  margin-bottom:5px;
  position:relative;
  display:inline-block
}
.nectar-milestone.motion_blur .number span:not(.in-sight) {
  transform:translateY(-100%);
  -webkit-transform:translateY(-100%);
  opacity:0
}
.nectar-milestone.motion_blur .number span{
  display:inline-block
}
body .nectar-milestone .subject {
  letter-spacing:0.5px;
  font-size:16px;
  line-height:25px
}
.nectar-milestone .number .symbol-wrap{
  display:inline-block
}
.nectar-milestone[data-symbol-alignment="superscript"] .number .symbol-wrap{
  transform:translateX(103%);
  -webkit-transform:translateX(103%);
  top:0;
  right:0;
  position:absolute;
  display:inline;
  font-size:30px;
  line-height:34px
}
.nectar-milestone[data-symbol-alignment="superscript"][data-symbol-pos="before"] .number .symbol-wrap{
  transform:translateX(-103%);
  -webkit-transform:translateX(-103%);
  right:auto;
  left:0
}
.milestone-wrap{
  text-align:center
}


@media only screen and (min-width: 1000px) and (max-width: 1300px) {

  .nectar-milestone .number {
    font-size: 50px;
    line-height: 50px;
  }

}

@media only screen and (min-width : 1px) and (max-width : 999px) {
  .nectar-milestone {
    margin-bottom: 15px;
  }

  .nectar-milestone:not(.animated-in) {
    opacity: 1;
  }

  .nectar-milestone.motion_blur .number span:not(.in-sight) {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    opacity: 1;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1600px) {
  .full-width-content .vc_span2 .nectar-milestone .number,
  .full-width-content .vc_col-sm-2 .nectar-milestone .number {
    font-size: 50px;
    line-height: 50px;
  }
}
