/* foco-bento-box */


.bento-box { overflow:none; }
.bento-box a { display:block; color:#000; text-decoration:none; }

.bento-box-lg-image { 
  position:relative; width:100%; height:500px; background-color:#222; background-position:center center; background-size:cover;
  margin-bottom:1rem;
}
.bento-box-sm-image { 
  position:relative; width:100%; height:280px; background-color:#222; background-position:center center; background-size:cover; 
  margin-bottom:1rem;
}


.bento-box-image-cover { position:absolute; top:0; left:0; right:0; left:0; width:100%; height:100%; background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 33%, rgba(0,0,0,0) 66%); }
.bento-box-image-topleft { position:absolute; top:20px; left:24px; }
.bento-box-image-bottomleft { position:absolute; bottom:20px; left:24px; }

.bento-box-title { font-family: 'brandon-grotesque', sans-serif; font-size:24px; text-transform:uppercase; font-weight: 700; letter-spacing:0.200rem; color:#fff; margin-bottom:8px; }
.bento-box-dates { font-family: 'brandon-grotesque', sans-serif; font-size:18px; text-transform:uppercase; font-weight: 700; letter-spacing:0.200rem; color:#fff; }
.bento-box-cta { font-family: 'brandon-grotesque', sans-serif; font-size:16px; text-transform:uppercase; font-weight: 900; letter-spacing:0.200rem; color:#fff; }

@media all and (min-width: 992px) {
  .bento-box-lg-image { margin:0; height:592px; }
  .bento-box-sm-image { margin:0; height:280px; }
  .bento-box-mini-1 { width:50%; float:left; border-right:16px solid transparent; border-bottom:32px solid transparent; }
  .bento-box-mini-2 { width:50%; float:left; border-left:16px solid transparent; border-bottom:32px solid transparent; }
  .bento-box-mini-3 { width:50%; float:left; border-right:16px solid transparent; }
  .bento-box-mini-4 { width:50%; float:left; border-left:16px solid transparent; }
}