/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.adfoxly-wrapper > a,
.adfoxly-wrapper > span,
.entry-content .adfoxly-wrapper > a,
.entry-content .adfoxly-wrapper > span {
  position: relative;
  text-decoration: none;
  border-bottom: none;
  display: none;
}

.adfoxly-wrapper > a,
.adfoxly-wrapper > span,
.entry-content .adfoxly-wrapper,
.entry-content .adfoxly-wrapper > span {
  text-decoration: none;
  border-bottom: none;
}

.adfoxly-wrapper > a.active,
.adfoxly-wrapper > span.active {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.adfoxly-wrapper > a.hide,
.adfoxly-wrapper > span.hide {
  display: none;
}

.entry-content .adfoxly-wrapper {
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
  float: initial;
  position: relative;
  width: 100%;
}

/* ads tooltip */
.entry-content a.tooltip-ad {
  position: relative;
  display: inline;
}

.entry-content a.tooltip-ad span {
  position: absolute;
  width: 250px;
  color: #aaa;
  background: #fff;
  height: 250px;
  line-height: 40px;
  text-align: center;
  visibility: hidden;
  border-radius: 4px;
  box-shadow: 0px 2px 5px #c7c7c7;
}

.entry-content a.tooltip-ad span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
}

.entry-content a.tooltip-ad span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #fff;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.entry-content a:hover.tooltip-ad span {
  visibility: visible;
  opacity: 1;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}