/* ************************ */

/*  Shared css rules        */

/*  applied to all banners  */

/* ************************ */
html, body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
}
*, *:before, *:after {
  border: 0;
  box-sizing: inherit;
  font-weight: normal;
  margin: 0;
  outline: 0;
  padding: 0;
  text-decoration: none;
}
banner-ad {
  /* NOTE Width and height to be defined in the custom section */
  background-color: rgb(255, 255, 255); /* TODO auto prefixer in task runner */
  border: 1px solid #ccc; /* NOTE for US territories, the border should be altered to black */
  display: block;
  overflow: hidden;
  position: relative;
  visibility: hidden; /* NOTE We will make the ad visible once we start the animation */
}
.click-tag {

  /* Zero the left and top properties so that
  the clicktag is always correctly positioned */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;  /*Make sure there is some background color added or IE9 and IE10 will not trigger clicks*/
  background: #000;
}

/* Reset some button defaults */
button {
  background: transparent;
  border: none;
  cursor: pointer;
}
button:focus {
  outline: none;
}
section {
  width: 100%;
}

/* NOTE: By default several elements will be absolutely positioned. Some children will not but those exceptions will be handled at the overwrite level */
section, img, button, svg, a {
  position: absolute;
}
.fallback {
  visibility: visible;
  position: absolute;
}