/*********************
BREAKPOINTS
*********************/
/***
*
*   News Teasers Mixin
*
*/
/***
*
*   Horizontal Teaser Mixin
*/
/***
*
*   Headline bar block
*
*/
#zone-content #block-views-spotlights-block .view-spotlights,
#zone-spotlight #block-views-spotlights-block .view-spotlights {
  margin-top: 20px;
  width: 100%; }
  @media screen and (max-width: 640px) {
    #zone-content #block-views-spotlights-block .view-spotlights,
    #zone-spotlight #block-views-spotlights-block .view-spotlights {
      width: 340px;
      margin: auto; } }
  #zone-content #block-views-spotlights-block .view-spotlights h2.block-title,
  #zone-spotlight #block-views-spotlights-block .view-spotlights h2.block-title {
    display: none; }
  #zone-content #block-views-spotlights-block .view-spotlights div.views-row,
  #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row {
    float: left;
    width: 185px;
    margin: 8px;
    position: relative;
    -webkit-box-shadow: 0px 0px 8px 0px #565656;
    -moz-box-shadow: 0px 0px 8px 0px #565656;
    box-shadow: 0px 0px 8px 0px #565656; }
    #zone-content #block-views-spotlights-block .view-spotlights div.views-row:hover,
    #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row:hover {
      box-shadow: none; }
    @media screen and (max-width: 640px) {
      #zone-content #block-views-spotlights-block .view-spotlights div.views-row,
      #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row {
        width: 150px;
        height: 150px;
        overflow: hidden; }
        #zone-content #block-views-spotlights-block .view-spotlights div.views-row img,
        #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row img {
          height: 140px;
          width: 140px; } }
    #zone-content #block-views-spotlights-block .view-spotlights div.views-row div.views-field-field-spotboxes-url,
    #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row div.views-field-field-spotboxes-url {
      background: white;
      padding: 5px; }
      #zone-content #block-views-spotlights-block .view-spotlights div.views-row div.views-field-field-spotboxes-url a,
      #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row div.views-field-field-spotboxes-url a {
        box-sizing: border-box;
        display: block; }
        #zone-content #block-views-spotlights-block .view-spotlights div.views-row div.views-field-field-spotboxes-url a img,
        #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row div.views-field-field-spotboxes-url a img {
          display: block;
          width: 100%;
          height: auto; }
    #zone-content #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title,
    #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title {
      position: absolute;
      bottom: 5px;
      left: 5px;
      font-size: 14px;
      font-weight: bold;
      color: white;
      width: 175px;
      height: 50px;
      background-color: rgba(0, 0, 0, 0.3);
      display: block;
      text-shadow: 0px 0px 4px black; }
      #zone-content #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title span,
      #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title span {
        margin-left: 5px;
        display: block;
        margin-top: 5px;
        width: 140px; }
      #zone-content #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title a,
      #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title a {
        color: #fff;
        text-decoration: none;
        font-weight: bold; }
        #zone-content #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title a:hover,
        #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title a:hover {
          text-decoration: none;
          color: #fff; }
      @media screen and (max-width: 640px) {
        #zone-content #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title,
        #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title {
          width: 140px;
          font-size: 12px; }
          #zone-content #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title span,
          #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row div.views-field-title span {
            width: 130px; } }
  #zone-content #block-views-spotlights-block .view-spotlights div.views-row-first,
  #zone-content #block-views-spotlights-block .view-spotlights div.views-row-6,
  #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row-first,
  #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row-6 {
    margin-left: 5px; }
  #zone-content #block-views-spotlights-block .view-spotlights div.views-row-last,
  #zone-spotlight #block-views-spotlights-block .view-spotlights div.views-row-last {
    margin-right: 0; }

.not-front #region-content #block-views-spotlights-block .view-spotlights div.views-row-first {
  margin-left: -4px; }

/*# sourceMappingURL=spotlight_boxes.css.map */