/**
 * wenk - Lightweight tooltip for the greater good
 * @version v1.0.5
 * (c) 2017 Tiaan du Plessis @tiaanduplessis |
 * @link https://tiaanduplessis.github.io/wenk/
 * @license MIT
 */
 [data-wenk] {
    position: relative
}

[data-wenk]:after {
    position: absolute;
    font-size: 13px;
    content: attr(data-wenk);
    padding: 12.8px;
    padding: .4rem .85rem;
	border-radius: 4px;
    background-color: #607d8b;
	font-family: 'Rubik', sans-serif;
    color: #fff;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: left;
    z-index: 999;
    pointer-events: none;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    white-space: pre;
    width: auto
}

[data-wenk]:before {
	position: absolute;
    content: '';
	opacity: 0;
    width: .71428571em;
    height: .71428571em;
    background: #607d8b;
	left: 50%;
	top: -1.08em;
    -webkit-transform: translateY(-5px) translateX(-50%) rotate(45deg);
    transform: translateY(-5px) translateX(-50%) rotate(45deg);
	-webkit-transition: all .25s ease-out, opacity .05s;
    transition: all .25s ease-out, opacity .05s;
    z-index: 1000;
}

[data-wenk]:after {
    opacity: 0
}

[data-wenk]:hover {
    overflow: visible
}

[data-wenk]:hover:after {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -10px);
            transform: translate(-50%, -10px)
}

[data-wenk]:hover:before {
	display: block;
	opacity: 1;
	visibility: visible;
  top: -1.08em;
	-webkit-transform: translateX(-50%) rotate(45deg);
            transform: translateX(-50%) rotate(45deg);
	-webkit-transition: all .25s ease-out, opacity .25s linear .15s;
    transition: all .25s ease-out, opacity .25s linear .15s;
}

[data-wenk].wenk--bottom, [data-wenk][data-wenk-pos="bottom"] {}

[data-wenk].wenk--bottom:after, [data-wenk][data-wenk-pos="bottom"]:after {
    bottom: auto;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

[data-wenk].wenk--bottom:before, [data-wenk][data-wenk-pos="bottom"]:before {
	z-index: 998;
	top: auto;
    bottom: -1.08em;
	transform: translateX(-50%) rotate(45deg);
}

[data-wenk].wenk--bottom:hover, [data-wenk][data-wenk-pos="bottom"]:hover {}

[data-wenk].wenk--bottom:hover:after, [data-wenk][data-wenk-pos="bottom"]:hover:after {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px)
}

[data-wenk].wenk--left, [data-wenk][data-wenk-pos="left"] {}

[data-wenk].wenk--left:after, [data-wenk][data-wenk-pos="left"]:after {
    bottom: auto;
    left: auto;
    top: 50%;
    right: 100%;
    -webkit-transform: translate(10px, -50%);
            transform: translate(10px, -50%)
}

[data-wenk].wenk--left:after, [data-wenk][data-wenk-pos="left"]:before {
	z-index: 999;
	top: 50%;
	left: -1.08em;
	transform: translateY(-50%) rotate(45deg);
  box-shadow: 0 1px 0px 0px rgba(57, 57, 57, 0.26)
}

[data-wenk].wenk--left:hover, [data-wenk][data-wenk-pos="left"]:hover {}

[data-wenk].wenk--left:hover:after, [data-wenk][data-wenk-pos="left"]:hover:after {
    -webkit-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%)
}

[data-wenk].wenk--right, [data-wenk][data-wenk-pos="right"] {}

[data-wenk].wenk--right:after, [data-wenk][data-wenk-pos="right"]:after {
    bottom: auto;
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-10px, -50%);
            transform: translate(-10px, -50%);
}

[data-wenk].wenk--right:before, [data-wenk][data-wenk-pos="right"]:before {
	z-index: 998;
    top: 50%;
    right: -1.08em;
    left: auto;
    transform: translateY(-50%) rotate(45deg);
}

[data-wenk].wenk--right:hover, [data-wenk][data-wenk-pos="right"]:hover {}

[data-wenk].wenk--right:hover:after, [data-wenk][data-wenk-pos="right"]:hover:after {
    -webkit-transform: translate(10px, -50%);
            transform: translate(10px, -50%)
}

[data-wenk][data-wenk-length="small"]:after, [data-wenk].wenk-length--small:after {
    white-space: normal;
    width: 80px
}

[data-wenk][data-wenk-length="medium"]:after, [data-wenk].wenk-length--medium:after {
    white-space: normal;
    width: 150px
}

[data-wenk][data-wenk-length="large"]:after, [data-wenk].wenk-length--large:after {
    white-space: normal;
    width: 260px
}

[data-wenk][data-wenk-length="fit"]:after, [data-wenk].wenk-length--fit:after {
    white-space: normal;
    width: 100%
}

[data-wenk][data-wenk-align="right"]:after, [data-wenk].wenk-align--right:after {
    text-align: right
}

[data-wenk][data-wenk-align="center"]:after, [data-wenk].wenk-align--center:after {
    text-align: center
}

[data-wenk=""]:after {
    visibility: hidden !important;
}