/* This is an individual banner css template */

/* NOTE: Make all your rules, at least, children of your parent element to avoid CSS rules cross-contamination */

/* ---- Logo ---- */
banner-ad #logo {
    position: absolute;
    top: 19px;
    left: 17px;
    width: 153px;
    height: 25px;
  }
  
  /* ---- Copy ---- */
  banner-ad #headline-1,banner-ad #headline-2 ,banner-ad #headline-3,banner-ad #headline-4{
    left: 23px;
    top: 62px;
    opacity: 0;
  }
  banner-ad #headline-5 {
    left: 23px;
    top: 62px;
  }
  banner-ad .title {
    font-size: 24px;
    line-height: 1.208;
  }
  
  /* --- IMAGES --- */
  banner-ad #img-1,
  banner-ad #img-2,
  banner-ad #img-3,
  banner-ad #img-4,
  banner-ad #img-5 {
    bottom: 0;
    right: 0;
    top: -250px;
    opacity: 0;
  }
  
  
  /* ---- CTA ---- */
  banner-ad #cta {
    font-size: 14px;
    line-height: 13.87px;
    top: 195px;
    left: 18px;
    letter-spacing: -0.6px;
  }
  
  banner-ad #cta-body {
    padding: 7px 16px 6px 15px
  }
  
  banner-ad #cta svg {
    height: 8px;
    width: 9px;
    margin-left: 9px;
    stroke-width: 1px;
  }
  banner-ad #shadow-1,
  banner-ad #shadow-2,
  banner-ad #shadow-3,
  banner-ad #shadow-4,
  banner-ad #shadow-5 {
    position:absolute;
    bottom: -20px;
    right: 0;
    opacity: 0;
  }