%flexslider-reset
+box-shadow(transparent 0 0 0) +border-radius(0) background: transparent margin: 0 border: 0
%flexslider
margin: 0 background: #fff border: 0px solid #fff +border-radius(0) +box-shadow(0) width: 100% .slides padding-left: 0em li float: left display: block width: 100% .flex-caption position: absolute left: 0 right: 0 bottom: 0px padding: 10px 16px 0 16px div[class*="additional-links"] display: inline-block float: left margin-right: 1em &:after content: "|" margin-left: 1em color: $link &:last-child &:after content: " "
%flex-control-nav
position: relative bottom: 30px right: 0px text-align: right z-index: 3 float: right
%flex-direction-nav
.flex-direction-nav //position: relative a, .flex-disabled a margin-top: -20px line-height: 1 font-size: 0 color: white +border-radius(3px) +breakpoint($desktop) margin-top: -20px &:before, &:after content: "" width: 32px height: 40px background-repeat: no-repeat background-size: 35% background-color: $primary background-position: 50% a.flex-prev left: 5px &:before +svg-bg-simple("arrow-left") a.flex-next right: 5px &:before +svg-bg-simple("arrow-right")
%flexslider-buttons
+hide-text display: block width: 20px height: 20px position: absolute top: 10px z-index: map-get($zindex, content)