@import 'variables';

@mixin tablet-portrait {

@media (min-width: #{$tablet-portrait}) {
  @content;
}

}

@mixin desktop {

@media (min-width: #{$desktop}) {
  @content;
}

}

@mixin desktop-large {

@media (min-width: #{$desktop-large}) {
  @content;
}

}

@mixin mobile-only {

@media (max-width: #{$mobile-only}) {
  @content;
}

}

@mixin list-unstyled {

margin: 0;
padding: 0;

li {
  list-style: none;
}

}

@mixin hero-owl-dots {

position: absolute;
left: 50%;
bottom: 0%;
-webkit-transform: translate(-50%, -20%);
transform: translate(-50%, -20%);

.owl-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  border-radius: 20px;
  background: white;
  border: 1px solid #999;
  box-shadow: 0 1px 1px rgba(0,0,0,0.3);
  opacity: 0.6;

  &.active {
    opacity: 1;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
  }
}

}

@mixin dp-content-slot–headers {

color: inherit;
line-height: 125%;
a, .link-style, a:hover, a:active, a:link, a:visited {
  color: inherit;
  text-decoration: none;
}

}

@mixin dp-content-slot–header-padding {

padding-bottom: 16px;

}