/**
 * This styles the alert block that appears on the homepage
 * Block Styling
 */
/**
 * Convert px to em
 * Stolen from https://github.com/stubbornella/oocss, modified with default value
 *
 * @param $px - the value in pixel you want to convert
 * @param $context - the context in pixel e.g. you want to set margin on your text,
 * and font size on your text is equivalent to 14px, then your context is 14.
 */
/**
 * Override moblle padding
 */
/* line 8, ../../sass/components/_alert.scss */
.alert-block {
  clear: both;
  min-height: 50px;
  position: relative;
  padding: 5px 4px 0 7px;
  border: 2px solid #dbdbdb;
  border-bottom: 5px solid #5f5f5f;
  margin-left: 2.308em;
  margin-right: 0;
  display: flex;
  justify-content: space-between;
}
/* line 20, ../../sass/components/_alert.scss */
.alert-block a {
  color: #c8520e;
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  max-width: 78%;
}
/* line 28, ../../sass/components/_alert.scss */
.alert-block .view-content {
  width: 100%;
}

/* line 33, ../../sass/components/_alert.scss */
.alert {
  color: #c8520e;
  display: inline-block;
  font-size: 1.2em;
  max-width: 49%;
  width: 100%;
}
/* line 40, ../../sass/components/_alert.scss */
.alert:first-child {
  max-width: 47%;
}
/* line 44, ../../sass/components/_alert.scss */
.alert:nth-of-type(2) {
  max-width: 52%;
}
/* line 48, ../../sass/components/_alert.scss */
.alert img {
  margin: 0;
  padding: 0 5px 0 0;
}
/* line 53, ../../sass/components/_alert.scss */
.alert p {
  margin: 0;
}

/* line 59, ../../sass/components/_alert.scss */
.mobile-only .alert-block {
  margin: 0 1.538em 0;
  display: block;
  padding: 0;
  border: 0px solid transparent;
}
/* line 66, ../../sass/components/_alert.scss */
.mobile-only .alert {
  border: 2px solid #dbdbdb;
  border-bottom: 5px solid #5f5f5f;
  display: block;
  max-width: 100%;
  margin-bottom: 1.538em;
  padding: 5px 0 0 10px;
}

/* line 76, ../../sass/components/_alert.scss */
.homepage-alert .mobile-only {
  margin-bottom: 0;
}