Image block 2.0 – overlap

Code in use on this site.

/* IMAGE BLOCKS 2.0 – OVERLAP
- - - - - - - - - - - - - - */

// IMG OVERLAP - title
.sqs-block-image 
.design-layout-overlap 
.image-title p {
  .anti;
  font-family: @main;
  font-weight: 700;
  color: @text;
}

// IMG OVERLAP - linked subtitle
.sqs-block-image 
.design-layout-overlap 
.image-subtitle p a {
  .anti;
  color: #000 ;
  opacity: @opacity;
  transition: @transition-fast;
  border-bottom: none;
&:hover {
  cursor: pointer;
  opacity: @opacity-high;
  }  
}

// IMG OVERLAP - button
.sqs-block-image 
.design-layout-overlap 
.image-button a {
  .anti;
  color: #5f5f5f;
  border: 1px solid #000 !important;
  transition: @transition;
&:hover {  
  color: #FFF;
  background: #000;
  border: 1px solid #000 !important;
  }
}