.metaslider.ms-theme-default-base {
	
	.flexslider {

		.slides {
			.metaslider_image_link:focus img {
				outline: 2px solid;
				outline-offset: -2px;
			}
		}

		.flex-direction-nav li a {
			width: 26px;
			height: 26px;
			background: #333;
			background-image: none;
			border-radius: 50%;
			transform: translateY(-50%);
			top: calc(50% + 20px);  // 20px is the margin-bottom / 2 from .flexslider
	
			&:focus {
				outline: 2px solid #fff;
			}

			&:after {
				background-color: #fff;
				mask-repeat: no-repeat;
				mask-size: 20px auto;
				content: '';
				display: table;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				mask-position: center;
			}
	
			&.flex-prev:after {
				mask-image: url(images/left.svg);
			}
	
			&.flex-next:after {
				mask-image: url(images/right.svg);
			}
		}

		.flex-control-nav li a{
			overflow: hidden;
			text-indent: 9999px;

			&:focus {
				outline: 2px solid;
			}
		}

		.caption-wrap .caption a {
			color: #fff;
		}

		.flex-pauseplay a {
			top: 10px;
			bottom: unset;

			&:focus {
				outline: 3px solid #fff;
			}
		}
	}
}