/* line 1, ../scss/custom-styles/custom-editor-styles.scss */
.GreyBoxFullWidth {
  background-color: #E9E9E9;
  padding: 1.5em 1.5em 1.5em calc(40% + 1.5em);
  margin: 0 0 30px;
  position: relative;
  min-height: 11em;
}
/* line 7, ../scss/custom-styles/custom-editor-styles.scss */
.GreyBoxFullWidth h2 {
  color: #ed1c24;
  margin-top: 0;
  font-size: 22px;
}
/* line 12, ../scss/custom-styles/custom-editor-styles.scss */
.GreyBoxFullWidth img {
  /*		position:absolute;
  		top:1.5em;
  		left:1.5em;
  		width:12em;
  		max-width:12em;
  		clip: rect(0px,12em,8em,0px);*/
  background: none !important;
  margin: 0 0 15px 0;
  max-width: 40%;
  -webkit-transform: translate(0, 0);
  width: 40% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
/* line 36, ../scss/custom-styles/custom-editor-styles.scss */
.GreyBoxFullWidth p {
  margin: 0;
}
/* line 39, ../scss/custom-styles/custom-editor-styles.scss */
.GreyBoxFullWidth a {
  margin-top: 1em !important;
  background-color: #ed1c24;
  color: #fff !important;
  padding: 5px 10px;
  display: inline-block;
}
/* line 46, ../scss/custom-styles/custom-editor-styles.scss */
.GreyBoxFullWidth a:hover {
  background-color: #000;
  text-decoration: none;
}

@media screen and (max-width: 567px) {
  /* line 49, ../sass/custom-styles/custom-editor-styles.scss */
  /* line 55, ../scss/custom-styles/custom-editor-styles.scss */
  .GreyBoxFullWidth {
    padding: 1.5em;
  }
  /* line 57, ../scss/custom-styles/custom-editor-styles.scss */
  .GreyBoxFullWidth img {
    width: calc(100% + 3em) !important;
    /*    	margin: calc(-3em - 3px) calc(-3em - 3px) 2.5em calc(-3em - 3px);*/
    margin: -1.5em -1.5em 2.5em -1.5em;
    clip: auto;
    max-width: none;
    position: relative;
  }
}