/* SimpTip v1.0.4
// A simple CSS tooltip made with Sass 
// source: https://github.com/arashmanteghi/simptip/
// ducoment: http://arashm.net/lab/simptip/
// by @ArashManteghi - http://arashm.net */
/********************************* Core ******************************/
[data-tooltip] { position: relative; display: inline-block; -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;}
[data-tooltip]:before, [data-tooltip]:after {  position: absolute;  visibility: hidden;  opacity: 0;  z-index: 999999;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box;  -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);}
[data-tooltip]:before {  content: '';  border: 10px solid transparent;}
[data-tooltip]:after {  height: 22px;  padding: 11px 11px 0 11px;  content: attr(data-tooltip);  white-space: nowrap;}
[data-tooltip].simptip-position-top:before {  border-top-color: #323232;}
[data-tooltip].simptip-position-top:after {  background-color: #323232;  color: #fff;}
[data-tooltip]:hover, [data-tooltip]:focus {  background-color: transparent;}
[data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {  opacity: 1;  visibility: visible;}
/******************************* Position ****************************/
.simptip-position-top:before, .simptip-position-top:after {  left:-1px; }
.simptip-position-top:after { width: auto;}
.simptip-position-top:before, .simptip-position-top:after { bottom: 100%;}
.simptip-position-top:before { margin-bottom: -13px;left:50px;}
.simptip-position-top:after { margin-bottom: 7px;}
/******************************* Features ****************************/
.simptip-smooth:after { -webkit-border-radius: 4px;  border-radius: 4px;}
.simptip-fade:before, .simptip-fade:after {  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;  -ms-transition: opacity 0.2s linear, visibility 0.2s linear; transition: opacity 0.2s linear, visibility 0.2s linear;}
.simptip-multiline:after { height: auto;  width: 800px;  padding: 10px 20px;  font-size:1.25rem;  line-height: 1.5;  white-space: normal;  text-align: left;}

/* mobil */
.touchevents [data-tooltip]:before, .touchevents [data-tooltip]:after {  position: absolute;  visibility: hidden;  opacity: 0;  z-index:0;  display:none;}

