/* line 1, app/assets/stylesheets/directory/embed/promote.scss */
body {
  overflow: hidden;
}

/* line 4, app/assets/stylesheets/directory/embed/promote.scss */
.widget {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 11, app/assets/stylesheets/directory/embed/promote.scss */
.widget a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* line 20, app/assets/stylesheets/directory/embed/promote.scss */
.widget a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  background: rgba(75, 89, 102, 0.2);
  background: linear-gradient(to right, rgba(75, 89, 102, 0.4), rgba(75, 89, 102, 0.1));
}

/* line 30, app/assets/stylesheets/directory/embed/promote.scss */
.widget a.widget-promote {
  background-image: url("https://local.metropolistribune.com/jorge/promote/hero/bg-01.jpg");
}

/* line 33, app/assets/stylesheets/directory/embed/promote.scss */
.widget a.widget-directory {
  display: none;
  background-image: url("https://images.unsplash.com/photo-1556740772-1a741367b93e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60");
}

/* line 37, app/assets/stylesheets/directory/embed/promote.scss */
.widget a.widget-directory:before {
  background: #7B94FF;
  background: linear-gradient(120deg, #7B94FF 54%, #B88CFD 100%);
  opacity: 0.9;
}

/* line 42, app/assets/stylesheets/directory/embed/promote.scss */
.widget-inner {
  position: relative;
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1000px;
  z-index: 100;
  top: 50%;
  transform: translateY(-50%);
}

/* line 51, app/assets/stylesheets/directory/embed/promote.scss */
.widget-inner .mdi {
  font-size: 50px;
  line-height: 1;
  color: white;
  margin: 0 0 10px -5px;
  display: block;
}

/* line 58, app/assets/stylesheets/directory/embed/promote.scss */
h1 {
  position: relative;
  font-size: 65px;
  line-height: 1.1;
  font-weight: bold;
  color: white;
  max-width: 440px;
  margin: 0 0 20px;
}

/* line 67, app/assets/stylesheets/directory/embed/promote.scss */
p {
  font-size: 20px;
  line-height: 1.5;
  margin: 0 0 30px;
  padding: 0;
  font-weight: 500;
  max-width: 440px;
  color: white;
}

/* line 76, app/assets/stylesheets/directory/embed/promote.scss */
.get-started {
  display: inline-block;
  background: white;
  color: rgba(60, 72, 88, 0.85);
  border-radius: 5px;
  padding: 0 35px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  font-size: 17px;
  mix-blend-mode: hard-light;
  cursor: pointer;
}

/* line 91, app/assets/stylesheets/directory/embed/promote.scss */
.ts {
  text-shadow: 0 0 250px rgba(75, 89, 102, 0.8), 0 0 10px rgba(75, 89, 102, 0.3);
}

/* line 94, app/assets/stylesheets/directory/embed/promote.scss */
.ts2 {
  text-shadow: 0 3px 6px rgba(33, 16, 140, 0.1);
}

/* line 97, app/assets/stylesheets/directory/embed/promote.scss */
.widget-directory .get-started {
  box-shadow: 0 0.2rem 0.5rem rgba(103, 110, 144, 0.2), 0 0 0 0.1rem rgba(103, 110, 144, 0.05);
  color: #5466af;
}

@media screen and (max-width: 900px) {
  /* line 103, app/assets/stylesheets/directory/embed/promote.scss */
  body {
    background: #F2F3F4;
    overflow: hidden;
  }
  /* line 107, app/assets/stylesheets/directory/embed/promote.scss */
  .widget {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
  /* line 113, app/assets/stylesheets/directory/embed/promote.scss */
  .widget-inner {
    position: absolute;
    top: auto;
    bottom: 0;
    transform: none;
    padding: 25px 20px;
  }
  /* line 120, app/assets/stylesheets/directory/embed/promote.scss */
  h1 {
    font-size: 24px;
    width: 170px;
    line-height: 1.3;
    margin: 0 0 10px;
  }
  /* line 126, app/assets/stylesheets/directory/embed/promote.scss */
  .widget a.widget-directory h1 {
    font-size: 28px;
    line-height: 1.2;
    width: 100%;
    margin: 0 0 20px;
    max-width: 250px;
  }
  /* line 133, app/assets/stylesheets/directory/embed/promote.scss */
  p {
    font-size: 14px;
    width: 170px;
    margin: 0 0 15px;
  }
  /* line 138, app/assets/stylesheets/directory/embed/promote.scss */
  .get-started {
    font-size: 12px;
    line-height: 1.2;
    padding: 9px 12px;
  }
  /* line 143, app/assets/stylesheets/directory/embed/promote.scss */
  .widget a.widget-promote {
    height: calc(50% - 5px);
    overflow: hidden;
  }
  /* line 147, app/assets/stylesheets/directory/embed/promote.scss */
  .widget a.widget-directory {
    display: block;
    height: calc(50% - 5px);
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 900px) and (max-height: 480px) {
  /* line 154, app/assets/stylesheets/directory/embed/promote.scss */
  p {
    display: none;
  }
  /* line 157, app/assets/stylesheets/directory/embed/promote.scss */
  .widget a.widget-promote {
    height: 100%;
  }
  /* line 160, app/assets/stylesheets/directory/embed/promote.scss */
  .widget a.widget-directory {
    display: none;
  }
}

@media screen and (min-width: 700px) and (max-height: 100px) {
  /* line 165, app/assets/stylesheets/directory/embed/promote.scss */
  .widget a.widget-promote {
    background-position: center 380px;
  }
  /* line 168, app/assets/stylesheets/directory/embed/promote.scss */
  .widget a:before {
    display: none;
  }
  /* line 171, app/assets/stylesheets/directory/embed/promote.scss */
  .get-started {
    display: none;
  }
  /* line 174, app/assets/stylesheets/directory/embed/promote.scss */
  .widget {
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
  }
  /* line 180, app/assets/stylesheets/directory/embed/promote.scss */
  .widget-inner {
    padding: 10px 20px;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, #7B94FF 54%, rgba(184, 140, 253, 0.1) 100%);
  }
  /* line 186, app/assets/stylesheets/directory/embed/promote.scss */
  h1 {
    margin: 0;
    font-size: 25px;
    line-height: 1.2;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    max-width: none;
  }
  /* line 195, app/assets/stylesheets/directory/embed/promote.scss */
  .widget a.widget-promote {
    background-position: 0 -45px;
    background-size: 50% auto;
  }
}