.boxed-offer {
  position:relative;
  z-index:100;
  width:190px;

  float:right;
  margin-left:20px;

  padding:10px 10px 15px;
  border-radius:0 0 30px 30px;

  background-color:#82BD49;
  color:white;
  text-align:center;

  border:5px solid #FFF;
  top:-5px;
}
.boxed-offer figure { margin:0 0 1em; }
.boxed-offer img { max-width:100%; display:block; }
.boxed-offer .button { margin:0.5em 0 0; background:#bc267c; }
.boxed-offer .button:hover { background:#d83d96; }

.blog-posts {
  margin-bottom:2em;
  /*clear:both;*/
  min-height:400px;
}

.blog-post {
  position:relative;
  border-top:1px solid #ccc;
  padding:1em 0;
}
.blog-post:first-child { border-top:none; }

.blog-post-content { padding:1em 0px 1em; }
.clearfix:after {
  content:"";
  display:table;
  clear:both;
}

.media .media-container,
.media .media-content {
  display:inline-block;
  vertical-align:middle;
}

figure.inline {
  display:inline-block;
  margin:0;
}

.blog-post .media,
.contest .media,
.ask-questions .media {
  display:flex;
}
.blog-post .media {
  align-items:center;
}

.contest {
  border:1px solid #ccc;
  padding:10px;
}
.contest .media { align-items:center; }
.contest .media-content { flex-grow:1; }

.media .media-container { margin:0; }
.media-left .media-container { margin-right:1.5em; }
.media-right .media-container {
  margin-left:1.5em;
  order:1;
}

figure.block { margin:1.5em 0; }

.media button {
  font-family:"ITC American Typewriter W02", Arial, Helvetica, sans-serif;
  background-color:#81bc00;
  color:#fff;
  padding:5px 15px;
  border:none;
  border-radius:3px;
}

.blog-post.coming-soon { 
  min-height:120px;
  font-family:"ITC American Typewriter W02", Arial, Helvetica, sans-serif;
    font-size:1.333em;
}
/*.blog-post.coming-soon:before {
  content:"Look out for future updates including Natasha’s advice on selecting a horse, coping with competition nerves and much more.";
  font-family:"ITC American Typewriter W02", Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  padding:10px;
  // color:white;
  // background:#adcfde;
  font-size:1.333em;
  position:absolute;
  z-index:11;
  top:50%;left:0%;
  width:50%;
  transform:translate(0, -50%); // rotate(-5deg);
  // box-shadow:-1px -1px 4px 1px rgba(0,0,0,0.4);
}
.blog-post.coming-soon:after {
  content:"";
  position:absolute;
  z-index:10;
  top:0; right:0; bottom:0; left:0;
  // background:rgba(255,255,255,0.9);
}
.blog-post.coming-soon * { pointer-events:none; }
*/

.media-rounded {
  overflow:hidden;
  display:block;
  border-radius:10px;
  box-shadow:0px 0px 7px 1px rgba(0,0,0,0.25);
}


figure.blog-post-photo {
  display: inline-block;
  background: #FFF;
  text-align: center;
  font-family: "ITC American Typewriter W02", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  // transform: scale(0.8)
  //   translateX(20px)
  //   rotate(-15deg)
  //   translateY(-50px)
  //   perspective( 600px )
  //   rotateY(20deg)
  //   rotateX(22deg);

  box-shadow: -4px 4px 8px -1px rgba(0,0,0,0.2);
  border:1px solid rgba(0,0,0,0.2);
}
figure.blog-post-photo img {
  width: 100%;
  display: block;
}

figure.blog-post-photo figcaption {
  padding:20px 8px;
}

.contest h2 + h4,
.contest h2 { display:inline-block; }
