.cq-ribbon-container {
  /*border-radius: 4px;*/
  /*width: 300px;*/
  background-color: #fff;
  width: 100%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  position: relative;
  /*max-width: 420px;*/
}

.cq-ribbon-content .cq-ribbon-text{
  margin: 8px 0 0 0;
  padding: 4px 18px 10px 18px;
}
.cq-ribbon-content img{
  margin: 0;
  padding: 0;
  border-radius: 0;
  /*border-top-left-radius: 4px;*/
  /*border-top-right-radius: 4px;*/
  /*border-bottom-right-radius: 0;*/
  /*border-bottom-left-radius: 0;*/
  box-shadow: none;
}

/*img {
  border-radius: 10px;
  max-width: 300px;
  display: block;
}
*/
.cq-ribbon {
  width: 100px;
  height: 100px;
  /*background: rgba(0,0,0,.4);*/
  overflow: hidden;
  position: absolute;
  z-index: 1002;
}
.cq-ribbon.left {
}
.cq-ribbon.right {
  right: 0px;
}

.cq-ribbon > .cq-ribbon-bg {
  font: bold 15px sans-serif;
  color: #EFEFEF;
  text-align: center;
  position: relative;
  padding: 7px 0;
  width: 120px;
  background-color: #bd0f23;
  /*background-image: -webkit-linear-gradient(top, #f04256, #bd0f23);*/
  /*background-image: -moz-linear-gradient(top, #f04256, #bd0f23);*/
  /*background-image: linear-gradient(top, #f04256, #bd0f23);*/
}

.cq-ribbon.left > .cq-ribbon-bg {
  top: 15px;
  left: -30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.cq-ribbon.right > .cq-ribbon-bg {
  top: 15px;
  right: -30px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}


.cq-ribbon a, .cq-ribbon a:visited{
  color: #5f0812;
  text-decoration: none;
}


.cq-ribbon2 {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

 width: 70%;
 /*width: auto;*/

 position: relative;
 background: #ba89b6;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.cq-ribbon2:before, .cq-ribbon2:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #986794;
 /*z-index: -1;*/
 /*z-index: 0;*/
}
.cq-ribbon2:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.cq-ribbon2:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.cq-ribbon2 .cq-ribbon2-content:before, .cq-ribbon2 .cq-ribbon2-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #804f7c transparent transparent transparent;
 bottom: -1em;
}
.cq-ribbon2 .cq-ribbon2-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.cq-ribbon2 .cq-ribbon2-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

.cq-ribbon3, .cq-ribbon4 {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  position: absolute;
  padding: 0px 8px;
  margin: 10px -10px 20px -10px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #e74c3c;
  zoom: 1;
  z-index: 1002;
}

.cq-ribbon4{
  right: 0;
}

.cq-ribbon3 a, .cq-ribbon4 a{
  text-decoration: none;
}
.cq-ribbon3 a:visited, .cq-ribbon4 a:visited{
  color: #efefef;
}

/*
.cq-ribbon3:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  border-width: 0 10px 10px 0;
  border-style: solid;
  border-color: transparent #d62c1a;
}
*/
.cq-ribbon3 > div.arrow {
  position: absolute;
  content: "";
  top: 100%;
  left: 0px;
  border-width: 0 10px 10px 0;
  border-style: solid;
  border-color: transparent #d62c1a;
}

.cq-ribbon4 > div.arrow {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  border-width: 0 0 10px 10px;
  border-style: solid;
  border-color: transparent #d62c1a;
}


/*.cq-ribbon3:after {
  left: auto;
  right: 0;
  border-width: 0 0 10px 10px;
}
*/
